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AARE RKA, ASP. NET 是 美国 微软 (Microsoft ) 公司 推出 的 Web 开发 平台 ， 
也 是 目前 最 先进 、 特 征 最 丰富 、 功 能 最 强大 的 Web 开发 平台 。ASP. NET 具有 方便 、 灵 
活 、 性 能 优 、 生 产 效 率 高 、 安 全 性 高 、 完 整 性 强 等 特点 ， 是 目前 主流 的 网 络 编程 环境 
Y 

ASP. NET 支持 多 种 开发 语言 ， 并 包含 了 许多 先进 技术 ， 如 ADO. NET, AJAX 无 刷 
新 技术 、LINQ 数据 库 访 问 技术 、 母 版 页 、Web Service、 主 题 等 。C# 语 言 是 一 种 功能 强 
大 、 面 向 对 象 的 编程 语言 ， 它 从 C 语言 和 Visual C+ + 派生 而 来 ， 是 Microsoft 公司 . NET 
技术 核心 开发 语言 ， 因 此 本 书 选择 C# 语 言 作为 项 目的 开发 语言 。 

本 书 从 初学 者 的 角度 出 发 ， 采 用 循序 渐进 、 逐 步 扩展 的 模式 进行 编号， 深入浅出 地 
介绍 了 ASP. NET 开发 Web 的 技术 。 通 过 这 门 课程 的 学 习 ， 能 够 具备 综合 运用 专业 软件 
为 中 大 型 网 站 设计 和 开发 的 能 力 ， 为 今后 的 职业 发 展 打 下 良好 基础 。 

本 书 共 分 9 章 ， 内 容 如 下 : 

第 1 章 介 绍 ASP. NET 的 运行 原理 和 过 程 、ASP. NET 开发 环境 的 搭建 ， 以 及 一 个 简 
单 的 ASP. NET 应 用 程序 。 

第 2 章 介 绍 C# 程 序 设 计 基 础 ， 主 要 介绍 C# 程 序 设计 的 语法 ， 包 括 处 理 的 数据 类 型 、 
变量 数组 的 使 用 、 字 符 串 的 操作 、 表 达 式 的 构成 、 条 件 和 循环 语句 及 异 沉 处 理 。 

第 3 章 介 绍 Web 窗 体 的 基本 控件 。Web 界面 是 用 户 交 互 的 窗 体 ， 是 Web 程序 的 重 
要 组 成 部 分 ,本 章 介绍 构成 Web 窗 体 的 各 种 控件 及 它们 的 使 用 方法 。 

第 4 章 介 绍 ASP. NET 的 内 置 对 象 及 应 用 程序 配置 介绍 了 ASP. NET 最 常用 的 7 种 
内 置 对 象 和 ASP. NET 的 配置 文件 Web. Config 的 使 用 方法 。 

第 5 章 介 绍 开 发 ASP. NET 用 户 注册 登录 系统 ， 介 绍 了 系统 的 模块 构成 及 注册 登录 
的 实现 。 

第 6、7 章 介 绍 使 用 ASP. NET 开发 典型 Web 应 用 程序 。 第 6 章 介 绍 开发 ASP. NET 
留言 本 程序 ， 介绍 了 系统 设计 、 数 据 库 设计 和 系统 实现 的 各 部 分 ; 第 7 章 介 绍 使 用 
ASP. NET JF AR BK € TER, 介绍 了 系统 设计 、 数 据 库 设计 和 系统 实现 的 各 部 分 。 

第 8 章 介绍 LINQ to SQL 实现 图 书信 息 系 统 ， 介 绍 了 系统 设计 、LINQ to SQL、 数 据 
库 设 计 和 系统 实现 的 各 部 分 。 

第 9 章 介 绍 电子 商务 购物 网 站 系统 的 综合 实现 。 本 章 综合 应 用 前 几 章 的 知识 ， 介 绍 
了 电子 商务 购物 网 站 系统 的 详细 实现 过 程 。 

本 书 有 下 列 特点 : 

(1) 本 书 以 任务 为 主线 进行 内 容 的 讲解 。 
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(2) 按照 循序 渐进 的 学 习 方 式 ， 对 学 习 内 容重 新 进行 了 整理 排列 ， 既 各 章 独立 ， 又 
使 本 书 整体 完整 。 

(3) 本 书包 括 ASP. NET 基本 内 容 和 综合 应 

对 在 写作 过 程 中 给 予 帮助 的 朋友 们 ， dips 也 感谢 机 械 工业 出 版 社 
的 大 力 支持 。 由 于 编写 时 间 人 仓促， 加 之 作者 水 平 有 限 ， 书 中 朴 漏 和 错误 之 处 在 所 难免 ， 
望 广大 专家 、 读 者 提出 宝贵 意见 ， 以 便 修 订 时 加 以 改正 。 
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本 章 将 向 读者 介绍 ASP. NET 应 用 程序 的 基础 知识 ， 主 要 包括 ASP. NET 简介 ASP. NET 
的 运行 原理 和 过 程 、ASP. NET 应 用 程序 的 运行 环境 、 创 建 ASP. NET 应 用 程序 的 步骤 。 


工作 任务 


1. 理解 ASP. NET 的 运行 原理 ， 
2. 掌握 ASP. NET 运行 环境 的 搭建 ; 
3. 创建 第 一 个 ASP. NET 应 用 程序 。 


1.1 ASP. NET 简介 


ASP (Active Server Pages, JARRE RM) 是 一 种 服务 右 并 脚本 编写 环境 ， 可 以 用 来 
创建 和 运行 动态 网 页 或 Web 应 用 程序 。 它 是 由 美国 微软 公司 开发 的 代替 CGI 脚本 程序 的 一 
种 应 用 ， 可 以 与 数据 库 和 其 他 程序 进行 交互 ， 是 一 种 简单 、 方 便 的 编程 工具 。 

ASP. NET 是 对 传统 ASP 技术 的 重大 平 新 ， 是 建立 在 .NET Framework 的 公共 语言 运行 库 
上 的 编程 框架 ， 可 用 在 服务 器 上 生成 功能 强大 的 Web 应 用 程序 。 它 允许 用 服务 器 端 控 件 取 
代 传统 的 HTML 元 系 并 充分 文 持 事件 驱动 机 制 。 第 一 个 版 本 的 ASP. NET 1E 2002 ^41 H 5 H 
亮相 。2010 年 ， 微 软 公司 推出 ASP. NET4. 0 以 及 . NET Framework 4. 0, ASP. NET $$ ASP È 
有 以 下 优点 。 

1. 适应 性 强 

ASP. NET 是 基于 通用 语言 的 编译 运行 程序 ， 通 用 语言 的 基本 库 、 消 息 机 制 、 数 据 接口 的 
处 理 都 能 无 颖 地 整合 到 ASP. NET 的 Web 应 用 中 。 同 时 也 是 语言 独立 化 (language-independent) 
的 ， 所 以 ， 可 以 选择 一 种 最 适合 的 语言 来 编写 程序 ， 或 者 把 程序 用 很 多 种 语言 来 写 。 

2. 代码 分 离 

在 ASP 中 ， 一 个 Web 页 面 中 混合 使 用 HTML 与 脚本 代码 ， 这 种 混合 使 用 增加 了 程序 代 
码 的 阅读 、 调 试 、 维 护 的 难度 。 而 在 ASP. NET 中 ，HTML 代码 与 程序 代码 分 离 ， 提 高 了 页 
面 设 计 效 率 ， 增 强 了 代码 的 重复 利用 度 ， 页 面 和 代码 的 维护 难度 大 大 降低 。 代 码 后 置 是 微软 
的 一 项 技术 ， 也 是 编写 ASP. NET 和 常用 的 编码 方式 。 具 体 方式 就 是 页 面 文件 . aspx 和 代码 文 
件 . aspx. cs 两 个 文件 相互 关联 构成 一 个 页 面 。 一般 情况 下 ，. aspx 中 没有 代码 ， 只 有 控件 和 
HTML 代码 ， 而 在 . cs 文件 中 编写 相关 的 代码 。 这 样 做 的 好 处 就 是 代码 和 页 面 内 容 分 离 ， 使 
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代码 更 清晰 。 

3. 事件 模型 

ASP. NET 的 原始 设计 构想 ， 就 是 让 开发 人 员 能 够 像 VB 开发 工具 那样 ， 可 以 使 用 事件 
驱动 式 程序 开发 模式 (Event-Driven Programming Model) 的 方法 来 开发 网 页 与 应 用 程序 。 和 大 
要 以 ASP 技术 来 做 到 这 件 事 的 话 ， 必 须 使 用 大 量 的 辅助 信息 ， 像 是 查询 字符 串 或 是 窗 体 字 
段 数 据 来 识别 与 判断 对 象 的 来 源 、 事 件 流 回 及 调用 的 函数 等 。 这 样 需要 撰写 的 代 但 量 相当 
多 ,但 却 可 以 很 巧妙 地 利用 窗 体 字段 和 JavaScript 脚本 把 事件 的 传递 模型 隐藏 起 来 。 

4. 来 回 模式 

在 ASP. NET 运行 的 时 候 ， 经 第 会 有 网 页 的 来 回 动作 (Post Back), ERR ASP 技术 
上 ,判断 网 页 的 来 回 需 要 由 开发 人 员 目 行 撰写 。 在 ASP. NET 中 ， 开 发 人 员 可 以 用 
Page. IsPostBack 机 能 来 判断 是 否 为 第 一 次 运行 (HEM HTTP POST 要 求 的 数据 是 空 值 时 )， 
它 可 以 保证 控件 事件 只 会 运行 一 次 。 


1.2 ASP. NET 的 运行 原理 和 过 程 


当 装 载 ASP. NET 的 Web 服务 器 接收 到 HTTP. 要 求 时 ，HTTP 监听 程序 (HTTP Listener) 
会 将 要 求 转交 给 URL 指定 的 网 站 应 用 程序 的 工作 流程 (Worker Process) 。ASP. NET 的 工作 
流程 处 理 需 (aspnet_isapi. dl, # Æ IIS 5.0 时 则 为 aspnet_wp. exe) 会 解析 这 个 URL, FW 
活 位 于 System. Web. Hosting 命名 空间 中 的 ISAPIRuntime 对 象 ， 接 收 HTTP 要 求 ， 并 调用 Htt- 
pRuntime ， 运 行 HttpRuntime. ProcessRequest( ) ， 在 ProcessRequest( ) 中 使 用 HttpApplication- 
Factory 建立 新 的 HttpApplication (或 是 指定 的 IHttpHandler Jb 3H $$), ， 再 分 派 给 Page 中 的 
ProcessRequest( ) 或 是 IHttpHandler 的 ProcessRequest ( ) ， 运 行 之 后 ， 再 传 回 到 ISAPIRunt- 
ime, VIX aspnet | isapi. dll, 最 后 交 由 HTTPListener 回 传 给 用 户 端 。 因 为 程序 有 如 管线 般 顺 
畅 的 运行 ， 因 此 称 为 HTTP Pipeline Mode, 

客户 端 页 面 请 求 与 啊 应 示意 如 图 1-1 所 示 ，ASP. NET 内 部 运行 机 制 如 图 1-2 所 示 。 


EM 


国 服 务 器 接收 和 分 析 HTTP 
请 求 : 执行 所 必须 的 处 理 ; 
中 客户 在 地 址 栏 输入 URL， 生成 返回 页 面 并 将 结果 打包 


癌 服 务 器 请 求 页 面 成 HTTP 响 应 


加 浏览 器 用 HTTP 协 议 描述 ， 
并 用 TCP/IP 打 包 寻 址 发 送 请 求 


由 浏览 器 执行 所 有 客户 端 脚本 
并 在 屏幕 上 显示 HTML 输 出 


图 1-1 客户 端 页 面 请 求 与 啊 应 示意 图 
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HTTP 啊 应 (HTML ) 


HTTP 请 求 


CLR 


S iihi 


Mypage.aspx X f/F 
ASP. Mypage.aspx 类 


图 1-2. ASP. NET 内 部 的 运行 机 制 


实例 化 


继承 日 


System. Web. UI. Page 类 


1.3 搭建 ASP. NET 开发 运行 环境 


1.3.1 运行 环境 


ASP. NET 需要 一 系列 的 运行 环境 支持， 因为 ASP. NET 是 运行 在 服务 器 上 的 程序 ， 所 以 
下 面 介 绍 的 这 些 开 发 环境 均 为 服务 着 端 环境 。 

1. 操作 系统 的 支持 

ASP. NET 被 推荐 运行 在 Windows 操作 系统 上 ， 包 括 以 下 操作 系统 : Windows 2000 (包含 
Professional, Server 和 Advanced Server) , Windows XP Professional, Windows Server 2003 。 

2. ASP. NET 环境 

要 正常 运行 ASP. NET 还 需要 安装 . NET 运行 环境 ， 即 . Net Framework, ASP. NET 的 运 
行 环境 是 . Net Framework 4. 0， 开 发 环境 是 Visual studio 2010。 一 般 的 开发 环境 安装 程序 中 
已 经 集合 了 运行 环境 ， 安 装 Visual Studio 2010 时 安装 程序 会 提示 用 户 自 动 安装 . Net Frame- 
work 4. 0, 

3. 其 他 软件 要 求 

ASP. NET 的 运行 需要 Web 服务 带 的 文 持 。 在 Windows 操作 系统 下 使 用 的 Web ltr sie 
IIS， 可 以 在 “控制 面板 ”中 查看 系统 是 否 安 站 了 此 软件 。 如 有 果 没 有 安 儿 ,可 以 通过 “控制 
面板 ”一 “添加 删除 程序 ”,“ 添 加 /删除 Windows 组 件 ” 来 安装 。 数据 库 管 理 软件 可 以 安装 
SQL server 2008, 另外 还 要 安装 微软 数据 访问 组 件 ( MOAC ) 2.7 及 以 上 版 本 。 


1.3.2 安装 配置 IIS 


ASP. NET 需要 使 用 Web 服务 器 作 为 发 布 平台， 一 般 用 IIS 作为 Web Hor 25, DIS 是 
微软 开发 的 Web 服务 器 。 它 基于 Windows 操作 系统 ， 提 供 了 非常 简捷 的 方式 来 共享 信 
息 、 建 立 并 部 署 企业 应 用 程序 ， 以 及 建立 和 管理 Web 网站， 通过 IS 可 以 方便 地 测试 、 
发 布 、 管 理 Web 站 点 。JHS 操作 方便 、 功 能 强大 ， 为 ASP. NET 的 稳定 运行 提供 了 有 效 
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保障 。 

1. 安装 IIS 

Windows 操作 系统 的 安装 文件 中 一 般 都 带 有 IIS ， 但 默认 是 不 安装 的 ， 而 且 HS 根据 操作 
系统 版 本 的 不 同 也 有 些 区 别 ， 所 以 应 找到 与 操作 系统 对 应 的 US AFETE, Windows XP 
对 应 的 版 本 是 MS 5，Windows server 2003 对 应 的 版 本 是 IIS 6, 

下 面 以 Windows XP 为 例 说 明 TS 5 的 安装 步骤 . 

(1) 打开 “控制 面板 ”中 的 “添加 /删除 程序 ”， 在 弹出 的 对 话 框 上 单 击 “ 添 加 /删除 
Windows 组 件 ” 按 钮 。 

(2) 在 弹出 的 “Windows 组 件 问 导 ” 窗 口中 选择 “Iternet 信息 服务 (IIS)”， 如 图 1-3 
所 示 (注意 确保 选中 前 面 的 复 选 框 ) 。 


Windows 组 件 回 导 
Internet 信息 服务 (IIS) 


要 添加 或 删除 茶 个 组 件 ;请 单 击 旁边 的 复 选 框 。 永 色 框 表示 只 会 安装 该 组 件 的 一 
部 分 。 雪 但 看 组 件 内 容 ， 博 单 击 “ 详 细 信 息 ”。 


Internet 信息 服务 (IIS) 的 子 组 件 (C: 


indows #fF 
可 以 添加 或 删除 Windows XP 的 组 


要 湛 加 或 删除 某 个 组 件 ,请 单 击 党 
一 部 分 。 和 要 但 看 组件 内 容 ， 请 单 击 


组 件 (C): 
Internet Explorer 
7j Ys Internet 信息 服务 (IIS) O 留 文 件 传输 协议 (ETF) 服务 
(Outlook Express 
(D Windows Media Player 


描述 : 将 IIS 管理 界面 安装 于 | Microsoft Management Console 


描述 : 包括 Web 和 FTP 支持 

Server Pages 和 和 数据 有 

所 需 磁 盘 空 间 : ed 

可 用 磁盘 空间 . sagd 所 十 磁盘 空间 : 0.0 MB 详细 信息 @) 
可 用 磁盘 空间 : 8994.9 MB 


EE 取消 


图 1-3 IIS 安装 


(3) 单 击 “ 详 细 信 息 ” 按钮 ， 在 弹出 的 “ Internet 信息 服务 (IIS) " 窗口 中 可 选择 安 
装 相 关 的 组 件 和 服务 ， 一 般 采 取 默 认 安 装 。 选 中 后 单 击 “ 确 定 ” 按 钮 ， 单 击 “ 下 一 步 ” 按 
钮 ,操作 系统 会 自动 寻找 安装 光盘 上 所 需 组 件 进 行 安 装 。 如 果 没 有 安装 光盘 ， 也 可 以 下 载 微 
软 公 司 提供 的 IS 安装 包 到 本 地 磁盘 后 ， 再 从 磁盘 安装 。 出 现 完 成 “Windows 组 件 向 导 ” 窗 
口 表示 安装 完成 。 

2. 配置 IIS 服务 器 

IIS 安装 完成 后 ， 还 要 为 ASP. NET 应 用 程序 设置 站 点 。IIS 是 可 视 化 的 操作 ， 只 需要 在 
引导 下 设置 即 可 。 

(1) 选择 “开始 ”一 “设置 ”一 “控制 面板 ”一 “管理 工具 ”一 “intermet 信息 服务 ” 
选项 ， 打 开 Internet 信息 服务 (HIS) 管理 硕 。 单 击 左边 窗口 中 的 本 地 主机 名 ， 展 开 折 县 项 
目 ， 选 择 “ 网 站 ”一 “默认 网 站 ”， 如 图 1-4 所 示 。 

(2) 在 图 1-4 中 ， 右 击 “ 默 认 网 站 ”， 在 打开 的 快捷 菜单 中 选择 “属性 ”命令 ， 打开 
“默认 网 站 属性 ”对 话 框 ， Æ “Web 站 点 ”选项 卡 中 设置 网 站 的 IP 地 址 和 端口 号 ， 端 口号 
默认 80， 可 以 通过 设置 不 同 的 端口 号 实现 在 一 个 IS 服务 需 配 置 多 个 网 站 ， 本 案例 设置 端口 
号 为 81 ， 如 图 1-5 所 示 。 
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E Internet RAES (IIS) 管 理 器 x| 
T 文件 @) REW SEV GOW KMW 


e -»|&mj[m|xt:m9gbjgm|g|»mu 
H 应 用 程序 池 1 

: LA P]: |.) aspnet, client 

a images | 

) private | 

|] vti, enf Y 

vti deg 这 是 ITS 初始 化 安装 后 对 应 的 

—-vti pvt TFR o AAE C: 

- -vti script \Inetpubiwwwroot s XAS 

LJ -vti txt 是 可 以 随意 更 改 

目 lisstart.htm 

B pagerror. gif 

B postinfo. html 

安装 完成 后 ， 打 开 IIS 管 理 跨 ， 系 B _vti_inf. html 

统 上 自动 生成 了 一 个 默认 网 站 | 


y 


这 部 分 是 左边 默认 网 站 目录 内 的 网 页 
文件 ， 这 些 是 系统 自 带 的 ， 可 以 册 除 ， 
可 以 更 疏 ,可 以 放 信 其 地 任何 网 页 妈 件 


图 1-4 IIS 默认 网 站 


我 的 第 二 个 Web 站 点 EE B - 了 | | 
目录 安全 性 | mmr | 自 定义 错误 信息 | ”服务 器 扩展 | 


Web 站 点 “| 操作 员 | 性 能 ”| ise 第 选 路 | x Bm | xe | 
Web 站 点 标识 
说 明 G): 二 的 第 = 个 fet 让 点 
IP 地 址 (QD: 
Te 端口 (0): fi | sss: 
连接 
(* 无限 QD 
广 限制 到 0): [ooo so 连接 
muro: [| ——*$ 


Iv 启用 保持 HTTF 激活 K) 


v BRE) 
Ah Eze Q0 : 


[sc 扩充 日 志文 件 格式 -| Bo.. | 


取消 | moo | e | 
图 1-5 设置 IIS 站 点 卫 地 址 和 端口 号 


(3) 设置 主 目 录 。 在 “ 主 目 录 ” 选 项 卡 中 可 以 设置 IIS 服务 天 的 文件 主 目录 
( ASP. NET 应 用 程序 所 在 的 根 目录 )， 如 图 1-6 所 示 。 

(4) 设置 默认 文档 。 打 开 “ 文 档 ” 选 项 卡 ， 单 击 “ 添 加 ”按钮 将 default. aspx 设 为 默认 
文档 ， 如 图 1-7 所 示 。 设 置 默认 文档 的 目的 : 将 主页 文件 名 设置 为 默认 文档 后 ， 访 问 该 网 站 
时 只 写 出 网 址 不 加 主页 文件 名 就 可 以 登录 网 站 。 
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— mma |  BEXHER — 
网 站 ISAPI 第 先 跨 
连接 到 资源 时 的 内 容 来 源 : 


全 另 一 台 计 算 机 上 的 共享 (8) 
O 重 定 向 到 URL (U) 


相生 D. 
回 脚本 资源 访问 (T) 加 记录 访问 (v) 

[v] iR? (R) [v] 3&8] 9:38 (D) 
MZA qo 

[目录 浏览 (8) 

应 用 程序 设置 


应 用 程序 名 M): 默认 应 用 程序 LABS Qn. 


开始 位 置 : SA PIIA > 
TATTIRFR Œ): 无 
应 用 程序 保护 外): |p GERD 


MER R) 


OERrHTH 0) 


| es 


图 1-7 设置 IS 默认 文档 


(5) 设置 目录 安全 性 。 打 开 “ 目 录 安 全 性 ”选项 卡 ， 在 此 可 以 设置 项 目 是 否 允 许 匿 名 
访问 。 单 击 “ 编 辑 ” 按 钮 ， 打开“ 身份 验证 方法 ”对 话 框 ， 如 图 1-8 所 示 ， 选 择 “ 启 用 匿 
名 访问 ”， 并 指定 匿名 访问 使 用 的 账户 和 密码 ， 勾 掉 “ 集 成 Windows 身份 验证 ”， 则 任何 人 
都 可 以 不 需要 输入 用 户 名 和 密码 访问 此 网 站 。 

(6) 设置 ASP. NET 版 本 号 

切换 到 “ASP. NET” 选 项 卡 ， 如 图 1-9 Hrzs, fit; “ASP. NET 版 本 ”下 拉 框 ， 选 择 
ASP. NET 的 版 本 号 ， 在 安装 完 .NET Framework 4 后 ， 这 里 可 以 选择 4. 0. 30319, 
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身份 验证 方法 z 
" ger e osi G 
对 匿名 访问 使 用 下 列 Windows HPHP : 


HPZ 00: [TUS APPSERVER pus... | 


默认 网 站 属性 


| 网 站 ”上 IsAPI mes | 主 目 录 | 文档 | 有 目录 安全 性 _ | 
HTTF 头 BEN EIR 


WA E): [ecce 


用 户 访 问 需 经 过 身份 验证 
使 用 ay. beir e ;要求 用 户 名 和 密码 : 


je 
- 使 用 NTFS 访问 控制 列表 限制 了 访问 椒 限 


[ 集成 Windows 身份 验证 QD 
[ Windows 域 服 务 器 的 摘要 式 身 份 验 证 I 
[ 茎 本 身份 验证 (以 明净 形式 发 送 密 了 码 )】 (S) 


ASP.NET 版 本 : [103093019 —— mj 
虚拟 路 径 : LU — 
TTE: [cwnetpubwwwrootweb.conig] ————— 
文件 创建 日 期 [BRRR E. 00 ———— 
-EXeteicnebaoRTBI [BRERHRS. 


以 后 侈 月 配置 [G)] aO ELE]... 


[ .NET Passport 身份 验证 部) 


SATIUS QI): | 选择 IJ | 
Sb (ROC | VERE (E)... | 


取消 ”| amo | 


K 1-8 设置 IIS 匿名 访问 图 1-9 RE ASP. NET 版 本 号 


(7) 设置 虚拟 目录 

在 IIS 中 有 个 虚拟 目录 的 概念 。 当 通过 浏览 器 访问 时 ， 虚 拟 目 录 的 路 径 好 像 是 站 点 的 子 文 
件 来， 实际 上 可 能 是 在 iiri 文件 夹 。 创 建 一 个 虚拟 目录 的 步骤 如 下 : 打开 “了 Inter- 
net 信息 服务 (IIS) 管理 器 ” 。@ 上 鼠标 右 击 需要 添加 虚拟 目录 的 站 点 ， 和 选择“ 新建" 一 “虚拟 目 
录 ” 命 令 , 在 iui ndis 录 的 名 称 和 路 径 ， 并 设置 该 虚拟 路 径 的 访问 权限 就 可 以 了 。 


1.3.3 X Visual Studio 2010 


Visual Studio 2010 目前 有 3 个 版 本 . Visual Studio 2010 Professional, Visual Studio 2010 Premi- 
um, Visual Studio 2010 Ultimate。 其 中 ， 前 两 个 用 于 个 人 或 小 型 的 开发 团队 开发 管理 应 用 程序 ， 
Ultimate 版 本 则 为 体系 结构 、 设 计 、 开 发 、 数 据 库 开发 及 应 用 程序 测 pisei ente :集成 的 
工具 集 。 在 Windows XP 系统 中 只 能 按照 Visual Studio 2010 Professional ， 下 面 介 P SUE 

(1) 双击 Visual Studio 2010 Professional 的 安装 文件 setup. exe， 进 入 安装 ped 如 网 1-10 
所 未 。 根 据 安 妆 丫 导 提 示 做 相应 操作 ， 下 到 出 现 网 1-11 所 示 的 安藤 成 功 界 面 。 


im Nicrosoft Visual Studio 2010 4f 


Q9 Visual Studio 2010 


Di i i 
o? TEXE Microsoft Visual Studio 2010 二 能 和 所 需 的 组 件 。 


ix 


m 检查 Service Re e . 
em. vo DeM) Servi leases 以 确保 Microsoft Visu 
- o 2010 BOR ETHES. 


E8 BEV 


图 1-10 ”安装 向 导 界 面 
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FS Hicrosoft Visual Studio 2010 考 业 版 安装 程序 — 完成 页 


O Visual studio 2010 专业 版 “安装 


成 功 O 安全 声明 : 强烈 建议 
已 安装 Visual Studio 2010， 并 且 设 置 完毕 。 此 外 ， 建 议 您 选择 启用 Microsoft Update 服务 ， 以 确 
保 收 到 此 产品 和 其 他 Microsoft 产品 的 所 有 可 用 更 新 。 


e 阅读 安全 说 明 
e 查看 自述 说 明 
o 检查 安装 日 志 


充实 您 的 工具 箱 。 


从 Visual Studio 库 安装 可 与 Visual Studio 集成 的 
扩展 ， 以 便 进 一 步 提 高 开发 效率 。 


单 击 即 可 获得 帮助 ! 
单 击 下 面 的 按钮 将 启动 Help Library 管理 器 ， 它 将 指 
导 您 完成 配置 Visual Studio 本 地 帮助 的 全 过 程 。 详 细 


信息 ... 
Eas 


图 1-11 安装 完成 界面 


(2) 在 图 1-11 PFE ZR” RA, KR MSDN 帮助 文档 ; 在 弹出 的 “Help 
Library 管理 器 ”窗口 中 ， 选 择 从 磁盘 安装 所 有 的 帮助 文档 ， 单 击 “更 新 ”按钮 以 安装 MS- 
DN， 安 装 完 成 后 如 图 1-13 Wr; 单 击 “设置 ”按钮 ， 设 置 首选 帮助 体验 为 本 地 帮助 ， 如 
K] 1-14 所 示 , 这 样 Visual Studio 2010 Professional 就 成 功 地 安装 到 本 机 上 T o 


€* Help Library 管理 器 - Nicrosoft Help 查看 器 1.0 


从 磁盘 安装 内 容 


* .NET Development 
.NET Framework 4 - PH (cfe A REME) 
Y Visual Studio 2010 
Application Lifecycle Managezent - 中 并 (中 华人 民 共 和 国 ) 
JScript - 中 文 ( 中 华人 民 共 和 国 ) 
Office 开发 - PX (PHARHAD) 
Sharepoint 开发 - (pir (pie A Bodom 
Team Foundation - PH (tpfe A Bod 
Visual Basic - "PX (cfe A Boum 
Visual Cë - PH (PHARMA) 


TIIIIIEE 


4 


估计 下 载 大 小 : 933 MB 


图 1-12 MSDN 安装 界面 
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€* Help Library 管理 器 - Nicrosoft Help 查看 器 1.0 


Help Library 管理 器 


9, 选择 联机 帮助 或 本 地 才 助 O 


A 联机 安装 内 容 (0) 
O 从 磁盘 安装 内 容 QD) 
X BRAR 


K| 1-13 MSDN 安装 完成 


€* Help Library 管理 器 — Nicrosoft Help 查看 器 1.0 


设置 首选 帮助 体验 : 〇 我 要 使 用 联机 才 助 (0) 


C:\Documents and Settings\All Users\Application DataMMicrosoft|HelpLibr 


图 1-14 设置 首选 帮助 体验 


1.4 创建 第 一 个 ASP. NET 应 用 程序 步 又 


1.4.1 创建 ASP.NET 应 用 程序 


打开 Visual Studio 2010， 选 择 “ 文 件 ” 一 “新 建 ”一 “网 站 ”， 在 打开 的 如 图 1-15 
所 示 的 界面 中 选择 支持 语言 为 Visual C#， 在 右边 模板 窗口 中 选择 “ASP. NET Web Site" 
模板 ， 在 Web 位 置 栏 指 定 项 目 存 放 位 置 ， 单 击 “ 确 定 ” 按 钮 即 可 创建 一 个 新 的 Web 应 用 
程序 。 
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New Web Site 
景 近 的 模 要 |. NET Framework 4 [v| HEP: HE 搜索 BERMEN 


已 安装 的 模板 
. E ASP.NET Web Site Visual C$ 
Visual Basic IE 


Visual C$ 
联机 模板 


类 型 : visual C& 
Àn ASP.NET Web site 
e ASP.NET Empty Web Site Visual C& 


ar ASP.NET Dynamic Data Entities Web Site Visual C& 


a ASP.NET Dynamic Data Linq to SQL Web Site Visual C& 


E WCF 服务 Visual C& 


M ASP. NET Crystal Reports 网 站 Visual C& 


LED 文件 系统 > 


图 1-15 ”创建 带 模 板 Web 应 用 程序 


1.4.2 解决 方案 成 分 分 析 


观察 刚才 创建 好 的 ASP. NET 应 用 程序 ， 看 看 Visual Studio 2010 自动 产生 了 哪些 内 容 。 
通过 图 1-16 所 示 的 “解决 方 厅 资源 管理 各 ”可 以 i 
看 到 如 下 效果 。 almeltms 

项 目 名 称 的 位 置 显示 的 是 解决 方案 的 路 径 ， | [og 解决 方案 “chenguang”(1 个 项 目 ) 
下 面 还 默认 创建 了 3 个 文件 夹 和 5 个 文件 。 DAc- | 是 站 Re 
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count OC P F3c Xe Up DEBER HIP XEx. DEEP. E -- Eu 

修改 模块 ， 节 省 了 开发 时 间 ， 提 高 了 开发 效率 。、 [d Styles 

G)App. Data 文件 夹 是 存放 数据 的 文件 夹 。@syle。 | S HMEN 

文件 夹 存放 网 站 样式 文件 。@About. aspx 文件 是 2 2) nett. esp u 

本 网 站 说 明文 件 。(B)Default. aspx 文件 为 网 站 主页 3 [] Site. master 

文件 。 其 中 的 Default. aspx. CS 文件 与 Default. aspx nd 

文件 有 关系 ， 是 代码 后 置 的 文件 。(@)Global. asax X: 图 1-16 解决 方案 资源 管理 带 


件 包 含 用 于 啊 应 ASP. NET 引发 的 应 用 程序 级 别 事件 的 代码 。(CDSite. master 文件 是 站 点 母 版 页 
文件 ， 母 版 页 文件 是 一 个 以 . master 作为 后 缀 的 文件 ， 它 可 以 将 页 面 上 的 公用 元 素 整 合 在 一 起 。 
使 用 母 版 页 ， 可 以 为 应 用 程序 页 面 创建 一 个 通用 的 外 观 。(@)Web. config 文件 是 站 点 配置 文件 ， 
可 以 设置 是 否 允 许 调 试 等 信息 。 


1.4.3 应 用 程序 运行 


选择 “调试 ” 采 单 一 “启动 调试 ” (快捷 键 FS), ， 可 以 调试 应 用 程序 。:j 2 « y] 
试 ” 一 “开始 执行 ”( 人 快捷 键 < Ctrl > + <F5 > ) ， 可 以 直接 执行 应 用 程序 ， 某 网 站 运行 效 
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果 如 图 1-17 所 示 。 


wi» | 四 | 图 .3.15 让 网 】 


》 羡 扩 展 中 心 [Ems gum - GMR JFR 


MY ASP.NET APPLICATION 


Home About 


WELCOME TO ASP.NET! 
To learn more about ASP.NET visit www.asp.net, 


You can also find documentation on ASP.NET at MSDN. 


图 1-17 某 网 站 运行 效果 图 
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C# 编 程 语言 是 美国 微软 公司 推出 的 一 款 基于 . NET 框架 、 面 向 对 象 的 高 级 编程 语言 ， 是 
专门 为 .NET 框架 设计 的 语言 。C# 编 程 语 言 是 由 Java, C 和 C ++ 语言 派生 而 来 的 ， 继 承 了 
这 3 种 语言 的 绝 大 多 数 语法 和 特点 ， 是 . NET 框 染 中 最 常用 的 编程 语言 。 

本 昔 将 详细 介绍 C# 编 程 语 言 的 代码 格式 、 基 本 语法 、 语 句 流 程控 制 、 结 构 化 数据 的 使 
用 ， 以 及 面 癌 对 象 编程 的 理论 知识 。 


学 习 目 标 与 任务 


[DJ 学 习 目标 


1. 掌握 C# 编 程 的 代码 格式 约定 ， 
2. 能 够 使 用 C# 基 本 语法 。 


工作 任务 


. 了解 C# 代 码 格 式 的 约定 ， 

. 等 握 C# 数 据 类 型 

了 解 常量 和 变量 ; 

. 掌握 数组 、 字 符 串 的 使 用 ， 
.掌握 表达 式 、 运 算 符 的 使 用 ; 
. 了 解 条 件 语 句 控制 结构 ; 

. 掌握 循环 语句 控制 结构 。 


Om 天 WD 


2.1 C# 代 人 码 格 式 约 定 


代码 格式 也 是 程序 设计 中 一 个 非 笛 重要 的 组 成 环节 ， 它 可 以 帮助 用 户 组 织 代 码 和 改进 代 
码 ， 也 让 代码 具有 可 读 性 。 具 有 民 好 可 读 性 的 代码 能 够 让 更 多 的 开发 人 员 更 加 轻松 地 了 人 解 和 
认 知 代码 。 按 照 约 定 的 格式 书写 代码 是 一 个 非 稼 展 好 的 习惯 ， 下 面 的 代码 示例 资 明 了 应 用 缩 
进 、 大 小 写 敏 感 、 空 日 区 和 注释 等 格式 的 原则 。 


Using System ; 


using System. Collections. Generic ; 

using System. Linq; // fi FH LINQ 命名 空间 
using System. Text ; 

namespace mycsharp // 声 明 命 名 空间 


| 
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class Program // 主 程序 类 
| 
static void Main( string| | args) S 
| 
Console. WriteLine( " Hello World" ) ; 
// 这 里 输出 Hello World 
Console. WriteLine(" 按 任意 键 退 出 .."); Console. ReadKey( ) ; 
// 这 里 让 用 户 按 键 后 退出 ,保持 等 待 状态 


1. 缩 进 

缩 进 可 以 帮助 开发 人 员 阅 读 人 代码， 同样 能 够 给 开发 人 员 市 来 层次 感 。 同 一 个 语句 块 中 的 
语句 应 该 缩 进 到 同一 层次 ， 这 是 一 个 非常 重要 的 约定 ， 因 为 它 直 接 影 响 到 代码 的 可 谈 性 。 虽 
然 缩 进 不 是 必需 的 ， 同 样 也 没有 编 详 融 强 制 ， 但 是 为 了 在 不 同人 员 的 开发 中 能 够 进行 恨 好 的 
协调 ， 这 是 一 个 值得 去 遵守 的 约定 。 

2. 大 小 写 敏 感 

C# 是 一 种 对 大 小 写 敏 感 的 编程 语言 。 例 如 , “CSharp”“cSharp”“csHaRp” 都 是 不 同 
的 字符 串 ， 在 编程 中 应 当 注 意 。 

3. 空白 

C# 编 详 关 会 忽略 空白 。 使 用 空 晶 能够 改善 代码 的 格式 ， 提 高 代码 的 可 谈 性 。 但 是 值得 
注意 的 是 ， 编 译 硕 不 对 引号 内 的 任何 空 昌 做 忽略 ， 在 引号 内 的 空格 作为 字符 串 存 在 。 

4. 注释 

C# 铅 闯关 文 持 开发 人 员 编 写 注 释 ， 以 便 其 他 开发 人 员 能 够 方便 地 阅读 代码 。 恨 好 的 注释 
习惯 能 够 让 代码 更 加 优雅 和 可 读 。 注 释 的 写法 是 以 符号 “A* ”开始 ， 并 以 符号 “*/” 结 
束 ， 这 种 形式 的 注释 适合 多 行 注 释 的 情况 ， 单 行 注释 可 以 用 “//”， 示 例 代 人 码 如 下 . 


s 

多 行 注释 开始 

本 例 演 示 了 在 程序 中 写 注 释 的 方法 
多 行 注释 结束 

*/ 


// 单 行 注释 ,一 般 对 单个 语句 进行 注释 
2.2 数据 类 型 


表 2-1 C# 数 据 类 型 


数据 类 型 Ui W 取 值 范围 
byte 无 符号 8 位 整数 0 ~255 
sbyte 有 符号 8 位 整数 -128 ~127 
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(5) 

数据 类 型 说 H 取 值 范围 

short 有 符号 16 位 整数 -52768( 225) «32767 (25 —1) 

ushort 无 符号 16 位 整数 0 ~65535(216 -1) 

int 有 符号 32 位 整数 -2147483648( -231) ~2147483647(231 -1) 

uint 无 符号 32 位 整数 0 ~4294967259(232 -1) 

long 有 符号 64 位 整数 —9223372036854775808 ( - 26 ) ~ 9223372036854775807 (2® -1) 

ulong 无 符号 64 位 整数 0 ~18445744073709551615(2% —1) 

bool 布尔 值 True „false 

float 单 精 度 浮 点 值 存储 32 位 浮 点 值 

double 双 精 度 浮 点 值 存储 64 位 浮 点 值 

decimal 十 进 制 浮 点 值 存储 128 位 浮 点 值 

object 其 他 所 有 类 型 的 基 类 

char 字符 型 0 ~65535 之 间 的 单个 Unicode 字符 

string 字符 串 型 任意 长 度 的 Unicode 字符 序列 


C# 数 据 类 型 见 表 2-1 ， 数 据 类 型 所 表示 的 数字 位 数 与 其 可 容纳 的 数字 数量 密切 相关 。 假 
设 一 个 整数 数据 类 型 可 以 表示 n 位 整数 ， 厂 其 为 无 符号 整数 ， 则 最 小 值 为 0， 最 大 值 为 2”- 
1， 可 表示 2" 个 数 ， 而 对 于 有 符号 整数 ， 其 最 小 值 为 “2"-1， 最 大 值 为 2"-1 - 1。 了 解数 据 
类 型 的 取 值 范 围 后 ， 可 以 根据 实际 所 操作 的 数据 大 小 ， 选 择 相 应 的 数据 类 型 ， 防 止 超出 数据 
类 型 范围 的 运算 。 

男 外 ， 在 编写 程序 时 ， 应 在 精度 足够 或 不 洪 出 的 情况 下 ， 尺 量 使 用 精度 较 低 或 占用 字 市 少 的 
数据 类 型 ， 这 样 可 以 提高 运算 效率 ， 同 时 降低 内 存 空间 的 占用 。 下 列 代码 是 一 些 变量 的 声明 。 

Byte a 2 255; 

Sbyte b = —128; 

Short c = —32768 ; 

Ushort d 265535; 

Int e = -2147483648 ; 

Uint f 24294967259 

Float g = 1. 9f; 

Double h 2 3333333333333.3; 

Decimail pi 23. 1415926m; 

Char i =° 中? 

String j =” PÆA RHA E” 


2.3 变量 


在 程序 的 运行 中 ， 计 算 中 临时 存储 的 数据 部 必须 用 到 变量 ， 变 量 的 值 也 会 放置 在 内 存 当 
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中 ， 由 计算 机 运算 后 再 保存 到 变量 中 。 变 量 是 内 存 中 可 以 读 写 的 内 存单 元 ， 变 量 的 数据 类 型 
决定 存储 数据 的 内 存单 元 所 占用 空间 的 大 小 及 存储 在 其 中 的 数据 格式 。 


2.3.1 变量 分 类 


" 


1. 值 类 型 变量 

这 种 类 型 的 变量 ， 青 接 通 过 其 值 使 用 ,不 需要 对 它 进 行 引 用 。 所 有 的 值 类 型 均 隐 式 地 派 
^E H System. ValueType， 并 且 信 类 型 不 能 派生 出 新 的 类 。 值 的 类 型 不 能 为 null, 但 是 可 空 类 
型 允许 将 null 值 赋 给 值 类 型 。 下 列 代 码 是 声明 并 初始 化 一 个 值 类 型 的 变量 。 

int s; // 再 明 整 型 变量 

s-3; // 初 始 化 变量 

2. 引用 类 型 变量 

引用 类 型 的 变量 又 称 为 对 象 ， 可 存储 实际 数据 的 引用 。 和 常见 的 引用 类 型 有 class, inter- 
face, delegate, object 和 string。 多 个 引用 变量 可 以 附加 于 一 个 对 象 ， 而 且 某 些 引 用 可 以 不 附 
加 于 任何 对 象 ， 如 末 声 明了 一 个 引用 类 型 的 变量 却 不 给 它 赋 给 任何 对 象 ， 那 么 它 的 默认 信 就 
是 nul。 相 比 之 下 ， 值 类 型 的 值 不 能 为 null。 


2.3.2 变量 命名 规则 和 命名 习惯 


声明 变量 并 不 是 随意 声明 的 ， 变 量 的 声明 有 自己 的 规则 。 在 C# 中 ， 应 用 程序 包含 许多 
关键 字 ， 包 括 int 等 是 不 能 够 声明 为 变量 名 的 ， 如 int int 是 不 允许 的 。 当 使 用 关键 字 做 变量 
名 时 ， 编 详 希 会 混 消 该 变量 是 变量 还 是 关键 字 ， 从 而 编 详 出 错 。 所 以 在 进行 变量 的 声明 和 和 定 
义 时 ， 需 要 注意 变量 名 称 是 否 与 现 有 的 关键 字 重 名 ， 表 2-2 列 出 了 C# 中 的 关键 字 。 

命名 规则 就 是 给 变量 取 名 的 一 种 规则 ， 一 般 来 说 ， 命 名 规则 就 是 为 了 让 开发 人 员 给 变量 
或 者 命名 空间 取 个 好 名 ， 不 仅 要 好 记 ， 还 要 说 明 一 些 特性 。 在 C# 里 面 ,一 些 和 常用 的 命名 习 
惯 如 下 。 

图 Pascal 大 小 与 形式 : 所 有 单词 的 第 一 个 字母 大 写 ， 其 他 字母 小 写 。 

Bl Camel 大 小 写 形 式 : 除了 第 一 个 单词 ， 所 有 单词 的 第 一 个 字母 大 写 ， 其 他 字母 小 写 。 

表 2-2 “C# 关 键 字 列表 


AddHandler AddressOf Alias And As 
Assembly Auto BitAnd BitNot BitXor 


Boolean ByRef 
Catch CBool 


Case 


Decimal Declare Do 
Double Each Elself Enum 
Erase Error Exit ExternalSource False 


Finally For Function Get GetType 
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x) 


(5 
If Implements Imports In 
Interface I Let Lib 


S 


Goto Handles 


Inherits Integer 


MustInherit MyClass Namespace New 
Next Nothing NotInheritable NotOverridable Object 


On Option Optional Or Overloads Overridable 


Overrides ParamArray Preserve Private Property Protected 


Shared Short Single Static Step Stop 


String Structure 


Sub SyncLock Then Throw 


To Try TypeOf Unicode Until 


True 


2.3.3 ”变量 再 明 、 初 始 化 


要 再 明 一 个 受 量 就 需要 为 这 个 人 变量 找到 一 个 数据 类 型 ， 在 C# 中 ， 数 据 类 型 由 . NET 
Framework 和 CHEAR XIE, K 2-3 列举 了 一 些 预定 义 的 数据 类 型 。 声 明 变 量 的 语法 非常 简 
单 ， 即 在 数据 类 型 之 后 编写 变量 名 ， 如 一 个 人 的 年 龄 (age) 和 一 辆 车 的 颜色 (color), 
明代 人 码 如 下 : 


int userÁge ; // 声 明 整 型 变量 存储 用 户 年 龄 
string userName; // 声 明 字 符 串 型 变量 存储 用 户 姓 名 
变量 在 声明 后 还 需要 初始 化 ， 初 始 化 代码 如 下 : 

age -21; // 声 明 初 始 化 ,年 龄 21 2 


color = " red" ; // ERIRE, "EB Bl (6, 7 £T (5, 
MR. ERAD REEERE NARR ENA, 7R ANRU T : 


int age =1; // 声 明 并 初始 化 
string color = "red"; /声明 初始 化 
float a 21. 1; // 错 误 的 再 明 浮 点 类 型 变量 


当 运 行 了 以 上 代码 后 会 提示 错误 信息 : 不 能 隐 式 地 将 double 类 型 转换 为 float 类 型 ; 请 
使 用 “F” 后 级 创建 此 类 型 。 

从 错误 中 可 以 看 出 ， 将 变量 后 级 增加 一 个 “F” 即 可 解决 此 问题 ， 代 人 码 如 下 : 

float a 2 1. 1F; // 正 确 地 声明 浮 点 类 型 变量 

这 是 因为 大 无 其 他 指定 ，C# 编 译 右 将 默认 所 有 市 小 数 点 的 数字 部 是 double 类 型 。 如 末 
要 声明 成 其 他 类 型 ， 可 以 通过 后 组 来 指定 数据 类 型 ， 表 2-3 列 出 可 用 的 后 级 。 


后 5 fH ” xh 
U 无 符号 
L 长 整 型 
UL 无 符号 长 整 型 
F 浮 点 型 
D 双 精 度 浮 点 型 
M 十 进 制 
L 长 整 型 


2.3.4 变量 类 型 转换 


在 应 用 程序 开发 当中 ， 很 多 的 情况 都 需要 对 数据 类 型 进行 转换 ， 以 保证 程序 的 正常 运 
行 。 类 型 转换 是 数据 类 型 和 数据 类 型 之 间 的 转换 ， 在. NET 中 ， 存 在 着 大 量 的 类 型 转换 ， 篆 
见 的 类 型 转换 代码 如 下 : 


int i=1; // 再 明 整 型 变量 
Console. WriteLine( i) ; // Fas re 8g LH 


在 上 述 代码 中 ，i 是 整 型 变量 ， 而 WriteLine 方法 的 参数 是 object 类 型 ， 但 是 WriteLine 
方法 依旧 能 够 正确 输出 ， 是 因为 系统 将 i 的 类 型 在 输出 的 时 候 转 换 成 了 字符 型 。 在 .NET HE 
染 中 ， 有 隐 式 转换 和 显 式 转换 ， 隐 式 转 换 是 一 种 由 CLR 上 自动 执行 的 类 型 转换 ， 如 上 述 代 码 
中 的 就 是 一 种 隐 式 的 转换 (开发 人 员 不 明确 指定 的 转换 ) 。 该 转换 由 CLR 上 自动 的 将 int 类 型 
转换 成 了 string 型 。 在 .NET 中 ，CLR 文 持 许多 数据 类 型 的 隐 式 转换 ，CLR 文 持 的 类 型 转换 
列表 见 表 2-4。 


表 2-4 CLR 支持 的 转换 列表 


从 该 类 型 到 该 类 型 
sbyte short, int, long, float, double, decimal 
byte short, ushort, int, uint, long, ulong, float, double, decimal 
short int, long, float, double, decimal 
ushort int, uint, long, ulong, float, double, decimal 
int long, float, double, decimal 
uint long, ulong, float, double, decimal 
long, ulong float, double, decimal 
float double 
char ushort, int, uint, long, ulong, float, double, decimal 


显 式 转换 是 一 种 明 硝 要 求 编 诺 表 执行 的 类 型 转换 。 在 程序 开发 过 程 中 ， 虽 然 很 多 地 方 能 
够 使 用 隐 式 转换 ,但 是 隐 式 转换 有 可 能 存在 风险 ， 显 式 转 换 能 够 通过 程序 捕捉 进行 错误 提 


18 ASP. NET 动态 网 站 开发 实战 教程 


示 。 虽 然 隐 式 也 会 提示 错误 ， 但 是 显 式 转换 能 够 让 开发 人 员 更 加 清楚 地 了 解 代 人 码 中 存在 的 风 
险 并 目 定 义 钳 误 提示 以 保证 任何 风险 都 能 够 及 早 避 免 ， 示 例 代 人 码 如 下 : 

int i=1; // 声 明 整 型 变量 i 

float j = (float) i; // 显 式 转 换 为 浮 点 型 

上 述 代码 说 明了 显 式 转换 的 基本 语法 格式 。 

注意 ， 显 式 的 转换 可 能 导致 数据 的 部 分 丢失 ， 如 3.1415 转换 为 整 型 的 时 候 会 变 成 3。 


2.4 ”常量 


常量 是 变量 的 一 种 特殊 类 型 ， 只 不 过 是 只 恋 的 存储 数据 的 内 存单 元 。 篆 量 是 一 般 在 程序 
开发 当中 不 经 党 更 改 的 变量 ， 如 7 值 、 税 座 或 者 是 数组 的 长 度 每。 使 用 肖 量 一 般 能 够 让 代 
码 更 具 可 读 性 、 更 加 健壮 、 便 于 维护 。 在 程序 开发 当中 ， 好 的 当量 使 用 拉 巧 对 程序 开发 和 维 
护 都 有 好 的 影响 。 声 明 变 量 的 方法 ， 只 和 需要 在 普通 的 变量 格式 前 加 上 const 关键 字 即 可 ， 示 
例 代码 如 下 : 


const double pi 23. 1415926; // "ER pi ,m 

static void Main(string| | args) 上 /程序 人 日 方 潜 

| 
double r 22; // 声 明 double 类 型 常量 
double round =2 pi T r; // 使 用 常量 


Console. WriteLine(round. ToString( ) ;  // 输 出 变量 值 
使 用 const 声明 的 变量 能 够 在 程序 中 使 用 ， 但 是 值得 注意 的 是 ， 使 用 const 声明 的 变量 不 
能 够 在 后 面 的 代码 中 对 该 变量 进行 重新 赋值。 


2.5 数组 


数组 是 把 具有 相同 类 型 的 奉 干 变量 按 有 序 的 形式 组 织 起 来 的 一 种 形式 ， 这 些 按 序 排 列 的 
问 类 数据 元 系 的 集合 称 为 数组 。 在 C# 语 言 中 , 数组 属于 构造 数据 类 型 ， 数 组 变量 是 引用 类 
型 变量 。 一 个 数组 可 以 分 解 为 多 个 数组 元 素 ， 这 些 数组 元 素 可 以 是 基本 数据 类 型 或 是 构造 类 
型 。 因 此 按 数 组 元 系 的 类 型 不 同 ， 数 组 又 可 分 为 数值 数组 、 了 字符 数组 、 指 针 数 组 、 结 构 数 
组 、 对 和 象 数 组 等 各 种 类 别 。 数 组 下 标 从 0 开始 。 


2.5.1 数组 的 声明 、 初 始 化 


数组 的 声明 方法 是 在 数据 类 型 和 变量 名 之 间 插 入 一 组 方 括号 ， 示 例 格式 如 下 . 
String | | groups; // FB] —^ 44 73 groups 的 string 类 型 的 数组 


11 11 
9) 


string| | groups = | " asp. net" ," c£" ," control" ," mvc" ," wef" ," wpf" ," ling" | ; 
// 初 始 化 数组 
值得 注意 的 是 ， 与 平常 的 逻辑 不 同 的 是 ， 数 组 的 开始 并 不 是 1， 而 是 0。 以 上 初始 化 了 
groups 数组 ， 所 以 groups [1] 的 值 应 该 是 “c#” 而 不 是 “asp. net”， 相 比 之 下 ，group [0 


的 值 才 应 该 是 “asp. net" , 
2.5.2 ”数组 的 党 用 属性 和 万 法 


. NET 框 染 为 开发 人 员 提 供 了 方便 的 方法 来 对 数组 进行 运算 ， 专 注 于 人 逻辑 人 处理 的 开发 人 
员 不 需要 手动 实现 对 数组 的 操作 。 这 些 和 常用 的 方法 如 下 : 

BI Length 方法 用 来 获取 数组 中 元 双 的 个 数 。 

Bl Reverse 方法 用 来 反 转 数 组 中 的 元 素 可 以 针对 整个 数组 或 数组 的 一 部 分 进行 操作 。 

E Clone 方法 用 来 复制 一 个 数组 。 

对 于 数组 的 操作 ， 可 以 使 用 相应 的 方法 进行 数据 的 过 历 、 查 询 和 反 转 。 以 下 示例 代码 实 
现 数组 内 容 的 遍历 输出 。 


using System; 


using System. Collections. Generic ; 


using System. Linq; 


using System. Text ; // 声 明文 本 命名 空间 
namespace myFirstArray // 3c ur FE FF 28 


| 


class Program 


| 


static void Main(string| | args) 


| 


string| | groups = |" asp. net" ," cs?" ," control" ," mvc" ," wef" ," wpf" ,"linq" | ; 
// 初 始 化 一 个 效 组 
int count = groups. Length ; //[ 获 取 数 组 的 长 度 


for (int 1=0;1 < count; i++) // 裔 历 输 出 数组 元 系 
| 
Console. WriteLine( groups[ i] ) // 输 出 数组 中 的 元 素 


| 
2.6 FP 


字符 串 或 训 (String) 是 由 数字 、 字 母 、 下 划 线 组 成 的 一 冲 字 符 。 一 般 记 为 s="ala2… 
an" (n 宇 0)。 它 是 编程 语言 中 表示 文本 的 数据 类 型 。 字 符 串 是 计算 机 应 用 程序 开发 中 常用 
WEE, ELK, FIRR, FI RHUF PA m AEH FITE. 

字符 串 的 声明 方式 和 其 他 的 数据 类 型 声明 方式 相同 ， 字 符 串 变量 的 值 必 须 在 双 引 
写 ("") ZE, 示例 代码 如 下 所 示 。 

string str =" Hello World!" ; // 声 明 字 符 串 
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2.6.1 字符 串 格式 化 

当 开 发 人 员 试 图 在 字符 串 中 间 输 入 一 些 特殊 符号 的 时 候 ， 会 发 现 编 详 亿 报错 ， 示 例 代 码 
aW P: 

string str =" Hello " World!" ; 

在 Visual Studio 2008 中 编写 上 述 代码 ， 运 行 时 编译 器 报错 “常量 中 有 换行 符 "， 因 为 字 


符 串 中 的 “" ”符号 被 当成 是 字符 串 的 结束 符号 。 为 了 解决 这 个 问题 ， 就 需要 用 到 转 义 字 
A^. zT: 
string str = " Hello V" World!" ; // ll FE V SEATS NT 


如 采 字 符 串 初始 化 为 逐 字 符 串 ， 编 详 希 会 严格 的 按照 原 有 的 样式 输出 ， 无 论 是 转 义 字符 
中 的 换行 符 还 是 制 表 符 ， 都 会 按照 原样 输出 。 逐 字符 串 的 声明 只 需要 在 双 引 号 前 加 上 字符 
“@” 即 可 ， 示 例 代码 如 下 . 

string str = @ "文件 地 址 :D.;\Users\Administrator\Documents \t"; // 逐 字符 串 

在 字符 串 操 作 时 ， 很 多 地 方 需要 用 到 字符 串 格 式 化 ， 使 用 Console. WriteLine 方法 就 能 够 
实现 字符 串 格 式 化， 字符 串 格 式 化 代码 如 下 : 


string str = " chenguang" ; 


string str2 =" Cs" ; 

Console. WriteLine( " Hi! Myname is 101 ,I love {1}" „str str2); // 格 式 化 多 个 字符 串 输 出 

上 述 代码 中 的 Console. WriteLine 方法 ， 前 一 个 传递 的 参数 中 的 10] 被 后 一 个 传递 的 参 
数 str 瞧 换 。 例 子 中 的 “40}” 被 称 为 占 位 符 ， 用 于 标识 一 个 参数 ， 括 号 中 的 数字 指定 了 参 
数 的 索引 。 


2. 6.2 字符 串 操 作 

在 C# 中 ， 为 字符 串 提 供 了 快捷 和 方便 的 操作 ,使 用 C# 提 供 的 类 能 够 进行 字符 溃 的 比 
较 、 字 符 串 的 连接 、 字 符 串 的 拆 分 等 操作 ， 方 便 了 开发 人 员 进 行 字 符 串 的 操作 。 

1. 比较 字符 串 

如 果 需 要 比较 字符 串 ， 有 两 种 方式 : 一 种 是 值 比 较 ， 一 种 是 引用 比较 。 值 比较 可 以 直接 


使 用 运算 符 “ = =” 进行 比较 ， 示 例 代 码 如 下 : 
string str = " chenguang" ; // FEHER 
string str2 =" Cz?" ; // &W]*E AT FR 
if (str 2 —2 sti2) // 使 用 “ = = ”比较 字符 串 


| 
Console. WriteLine( "字符 串 相 等 " ) ; // 输 出 不 相等 信息 
| 
else 
| 
Console. WriteLine( "字符 串 不 相等 " ); // 输 出 相等 信息 
| 
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当 判 断 两 个 字符 串 是 否 指 问 同 一 个 对 象 时 ， 可 以 使 用 CompareTo 方法 判定 两 个 字符 串 是 
否 指 癌 同 一 个 对 象 ， 示 例 代 人 码 如 下 : 


string str = " Guojing" ; // Fh BHSE SE ER 
string str2 =" Cf" ; // 声 明 字 符 串 
if (str. CompareTo( str2) > 0) // 使 用 Compare 比较 字符 串 


Console. WriteLine( "字符 不 串 相 等 " ) ; /输出 不 相等 信息 
| 
else 
| 
Console. WriteLine(" 字 符 串 相等 " ) ; A/ 输出 相等 信息 
| 


2. FH RER 
当 一 个 字符 串 被 创建 ， 对 字符 串 的 操作 方法 实际 上 是 对 字符 串 对 象 的 操作 。 其 返回 的 也 
是 新 的 子 符 串 对 象 ， 子 符 串 使 用 符号 “+ ”进行 连接 ， 示 例 代 人 码 如 下 : 


string str ="Guojing is A C# "; // 声 明 字 符 串 
string str2 = " Programmer" ; // EHTI E 
Console. WriteLine( str + str2 ) ; // YE ^r $T P 


3. 单 用 字符 串 函 数 

IndexOf( ) 取 子 串 函 数 。 返 回 字 和 罕 串 中 从 参数 位 置 开始 查找 到 的 字符 串 ， 夺 搜索 不 到 查 
WFFP, MRE -1。 

Split( ) 字符 串 分 割 函 数 。 按 照 参数 符号 对 字符 串 进行 分 割 。 

ToUpper( ) 将 字符 串 更 改 为 大 与 。 

ToLower( ) 将 字符 串 更 改 为 小 写 。 

Replace( ) 将 字符 串 中 某 个 元 又 蔡 换 成 为 外 一 个 元 系 。 

Length( ) 获得 字符 串 的 长 度 。 

IsNullOrEmpty( ) 判断 学 符 串 是 否 为 空 。 


示例 代码 如 下 : 
string str =" BeiJing , Shanghai , GuangZhou , WuHan , ShenYang" ;// 初 始 化 字符 串 
str = str. Replace( " ShenYang" , " ShanXi" ) ; // fii Replace 方法 
string| | p = str. Split(',") ; // 分 割 | 字符 串 元 条 放 在 数组 中 
Console. WriteLine( str. IndexOf( " WuHan" ). ToString( ) ) ; / dE EAS RR 
if (String. IsNullOrEmpty ( str ) ) // fili Fl String 类 的 静态 方法 
| 
Console. WriteLine( str. ToUpper( ) ) ; // 转 换 成 大 写 


Console. WriteLine( str. ToLower( ) ) ; // 转 换 成 小 写 
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2.7 表达 式 和 运算 符 


表达 式 ， 和 是 由 数字 、 算 符 、 数 字 分 组 符号 〈 括 号 ) 、 目 由 变量 和 约束 变量 等 以 能 求 得 数 
值 的 有 意义 排列 方法 所 得 的 组 合 。 表 达 式 是 运算 符 和 操作 符 的 序列 。 运 算 从 是 个 人 简明 的 符 
号 ， 包 括 实 际 中 的 加 减 乘除 ， 它 告诉 编 诺 天 在 语句 中 实际 发 生 的 操作 ， 而 操作 数 为 操作 执行 
的 对 象 。 运 算 和 全 和 操作 数组 成 完整 的 表达 式 。 


2.7.1 运算 符 类 型 


在 大 部 分 情况 下 ， 对 运算 符 类 型 的 分 类 都 是 根据 运算 符 所 使 用 的 操作 数 的 个 数 来 分 类 
的 ， 一 般 可 以 分 为 如 下 3 类 。 

一 元 运算 符 : 只 使 用 一 个 操作 数 ， 如 (0; 目 增 运算 符 (++) 等 , 如 i++。 

二 元 运算 和 从: 使 用 两 个 操作 数 ， 如 最 常用 的 加 减法 ， 如 i+j。 

三 元 运算 符 : 三 元 运算 符 只 有 一 个 (?;)。 

除了 按 操作 数 个 数 来 分 以 外 ， 运 算 符 还 可 以 按照 操作 数 执行 的 操作 类 型 来 分 ， 见 表 2-5。 


表 2-5 常用 的 运算 符 


运算 符 类 型 运 A 符 
元 运算 符 (x), x.y, f (x), a [x], x++, x—-, new, typeof, sizeof, checked, uncheck 
算术 运算 符 TEE E 
位 运算 符 <<, >, &, l,^, ~ 
关系 运算 符 <, >, <=, >=, is, as 
逻辑 运算 符 &, l, ^ 
条 件 运算 符 &&, 11,7 
赋值 运算 符 =，+=-，-=，*=,，/=，<<=，>>=，&=, ^= = 


1. 算术 运算 符 
算术 运算 符 用 于 创建 和 执行 数学 表达 式 ， 以 实现 加 、 减 、 乘 、 除 等 基本 操作 ， 示 例 代码 


如 下 : 
inta-1; / / FA HH RE A A g 
int b 22; / / FA HH RE AI A 
int c=a +b; // 使 用 + 运算 符 
int d =b -ai // 使 用 -运算 符 
inte =b / a; // 使 用 /运算 符 
int g=b*a // 使 用 * 运算 符 
int {f=b%a // 使 用 整除 运算 符 


注意 : 当 除 数 为 0， 系 统 会 抛 出 DivideByZeroException 弄 常 ， 在 程序 开发 中 应 该 避免 出 
现 逻 辑 错 误 ， 因 为 编译 器 不 会 检查 远 辑 错 误 ， 只 有 在 运行 中 才 会 提示 相应 的 逻辑 错误 并 抛 出 


J 


2. 关系 运算 符 
关系 运算 符 用 于 创建 一 个 表达 式 ， 该 表达 式 用 来 比较 两 个 对 象 并 返回 布尔 值 。 示 例 代 码 如 下 : 


string a = " nihao" ; // ya HH^E TE BE a 
string b = " nihao" ; // 声 明 字 符 串 变量 b 
if (a= =b) // 使 用 比较 运算 符 


| 
Console. WriteLine(" 相等 " ) ;// 输 出 比较 相等 信息 


Console. WriteLine( "不 相等 " ) ;// 输 出 比较 不 相等 信息 
| 
关系 运算 符 如 “>”,“<”,“>=”,“<=” 等 同样 是 比较 两 个 对 象 并 返回 布尔 值 。 


切 学 者 很 容易 错误 的 使 用 关系 运算 符 中 的 “= =”， 因 为 初学 者 通常 会 将 每 于 运算 从 编 
写 为 “=”， 示 例 代码 如 下 所 示 。 

if(a=b) 

在 这 里 ， 运 算 符 “ =” 不 等 于 “= =”。“ =” 的 意义 是 给 一 个 变量 赋值 ， 而 “= =” 


是 比较 两 个 变量 的 值 是 否 相等 。 

3. 逻辑 运算 符 

逻辑 运算 符 和 布尔 类 型 组 成 逻辑 表达 式 。NOT 运算 符 “1” 使 用 单个 操作 数 ， 用 于 转换 
布尔 值 ， 即 取 非 。C# 的 与 运算 符 是 “&&”。 该 运算 符 使 用 两 个 操作 数 做 与 运算 ， 当 有 一 个 
操作 数 的 布尔 值 为 false 时 ， 则 返回 false。C# 中 也 使 用 “11” 运 算 符 来 执行 或 运算 ， 当 有 一 
个 操作 数 的 布尔 值 为 true 时 ， 则 返回 true。 在 逻辑 运算 符 中 还 包括 异 或 运算 符 “”， 该 运算 
符 确定 操作 数 是 否 相 同 ， 若 操作 数 的 布尔 值 相同 ， 则 表达 式 将 返回 false。 示 例 代 码 如 下 : 


bool myBool = true ; // 创 建 布 尔 变量 
bool notTrue = ! myBool ; // 使 用 逻辑 运算 符 


bool resultl = myBool && notTrue; /与 计算 
bool result2 = myBool || notTrue; /或 计算 
bool result3 = myBool ^ notTrue; JL Exe SU E 


int result4 = 1 ; 
if ( Convert. ToBoolean(resultá) )  // 使 用 Convert AXZ 
| 

Console. WriteLine(" true"); /输出 布尔 值 


Console. WriteLine( "false" ) ; /输出 布尔 值 
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注意 : 虽然 C# 不 支持 隐 式 的 转换 int 到 bool 类 型 ， 但 是 Convert. ToBoolean 静态 方法 提供 
了 实现 ， 任 何 非 0 的 参数 都 将 返回 true, 

4. 位 运算 符 

位 运算 从 通常 使 用 位 模式 来 操作 整数 类 型 ， 这 些 位 运算 符 非常 实用 。 位 运算 符 包 括 
“<< “>>”、“&”、“|”、“” 和 “~”。 左 移 位 运算 符 “<<” 将 整 型 中 的 位 左 移 指 
定位 数 ， 每 一 次 左 移 ， 整 型 变量 的 值 将 习 以 2， 左 移 操作 将 舍弃 移出 的 所 有 位 ， 并 用 0 来 项 
充 移 和 人 的 位 。 同 样 ， 右 移 运 算 待 ”>> ”也 将 操作 数 右 移 ， 每 一 次 右 移 ， 整 型 变量 的 值 将 除 
以 “2”。“&” 运 算 和 从 通过 逐 位 执行 逻辑 与 运算 ， 从 而 生成 新 的 操作 数 ， 与 运算 中 ， 两 个 对 
应 的 值 ， 奋 有 一 个 值 为 0， 则 全 部 为 0。 或 运算 符 “1 ”的 使 用 方法 和 原理 和 与 运算 符 “&” 
基本 相同 ， 其 区 别 在 于 使 用 的 是 或 运算 ， 当 有 一 个 值 为 1， 则 结 末 为 1。 措 或 运算 和 从“^” 的 
用 法 和 与 位 运算 符 类 似 ， 其 区 别 在 于 当 两 个 值 相同 时 ， 执 行 计 算 的 结果 为 0， 否 则 为 1。 取 
补 运算 符 “~ ”将 生成 整 型 类 型 的 补 码 。 如 原 值 中 的 1 将 变 为 0， 而 0 则 变 为 1。 位 运算 符 
原理 如 图 2-1 ~ 图 2-5 所 示 。 


|I : FEES s| 


= 5 d | i 


图 2-3 OR 位 运算 


图 2-$ 取 补 位 运算 


5. 条 件 运 算 符 
条 件 运算 符 “?.” 需 要 3 个 操作 数 ， 示 例 代 码 如 下 : 


bool ifisTrue = true; // 创 建 布尔 值 
string result = ifisTrue ? "true" ; "false" ; // 使 用 三 元 条 件 运 算 符 
Console. WriteLine( result. ToString( ) ) ; // 输 出 布尔 值 


上 述 代 人 码 中 ,使 用 了 条 件 运 算 特 “?.;”。 条 件 运算 符 “?.” 会 执行 第 一 个 条 件 ， 奋 条 件 
成 立 ， 则 返回 运算 待 “:” 前 的 一 个 操作 数 的 数值 ， 否 则 返回 运算 符 “:” 后 的 操作 效 的 数 


值 。 上 述 代 码 中 ， 变 量 ifisTrue Ñ true, WIRE] “true”, 
2.7.2 运算 符 的 优先 级 

开发 人 员 需 要 经 铝 创 建 表达 式 来 执行 应 用 程序 的 计算 ， 人 简单 的 有 加 减法 ， 复 杂 的 有 和 抵 
阵 、 数 据 绪 构 等 ， 在 创建 表达 式 时 ， 往 往 需要 一 个 或 多 个 运算 符 。 在 多 个 运算 符 之 间 的 运算 
操作 时 ， 编 诺 硕 会 按照 运算 符 的 优先 级 来 控制 表达 式 的 运算 顺序 ， 然 后 再 计算 求 仁 。 表 达 式 
中 和 常用 的 运算 符 的 运算 顺序 见 表 2-6, 


表 2-6 运算 符 优 先 级 


运算 符 类 型 运 算 ^ 
元 运算 和 从 x,y,f(x) ,al x] ,x++ ,x —— ,new,typeof, checked , unchecked 
一 元 运算 符 Bell. qp eec TO 
算术 运算 符 本 
位 运算 符 cJ JI 
关系 运算 符 <,>,<=, >= ,is,as 
逻辑 运算 符 &,^, l 
条 件 运算 符 &&, 11,7 
赋值 运算 符 =,+=,-=,+*+=,/=,<<=,>>=,&=, = ,|= 


2.8 ZIERA 


一 个 表达 式 的 返回 值 部 可 以 用 来 判断 真 假 ， 除 非 没 有 任何 返回 值 的 void 型 和 返回 无 法 
判断 真 假 的 结构 。 当 表达 式 的 值 不 等 于 0 时 ， 它 就 是 “ 真 "， 否 则 就 是 假 。 因 此 ， 当 一 个 表 
达 式 在 程序 中 被 用 于 检验 其 趴 / 假 值 时 ， 就 称 为 一 个 条 件 。 

在 程序 设计 中 经 常 遇 到 选择 性 的 问题 ， 如 根据 当前 时 间 判 定 来 占用 户 间 “下 午 好 ”还 
是 “上 午 好 ” 。 这 时 就 需要 在 程序 中 使 用 条 件 语 句 。 让 、switch 是 最 常用 的 条 件 语 句 , if 类 条 
件 语 名 包括 让 if else, if else if 等 语句 。 


2.8.1 证 语句 


if 语 句 的 语法 如 下 . 
f(E) | 程序 语句 | 
当 布 尔 值 为 tue， 则 会 执行 程序 语句 ; 当 布 尔 值 为 false 时 ,程序 会 跳 过 执行 的 语句 


if else 语句 的 语法 如 下 : 

if( 布尔 值 ) | 程序 语句 1| else | 程序 语句 2] 

同样 ， 当 布尔 值 为 kue， 则 程序 执行 程序 语句 1; 但 当 布 尔 值 为 false 时， 程序 则 执行 程 
序 语句 2。 

当 需 要 进行 多 个 条 件 判 断 是 ， 可 以 编写 ff else 话语 名 执行 更 多 条 件 操作 ， 示 例 代 码 如 下 : 
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if (ChengJi >=90) // 根 据 学 生成 绩 判 断 优 秀 . 民 好 中等、 及格 .不 及 格 
| 


console. writeline( " 优秀" ) ; 
| 
else if ( Cheng]i >=80) 
| 
console. writeline( " RIẸ" )， 
| 
else if ( Cheng]i >=70) 
| 
console. writeline( " 中 等 " ) ; 
| 
else if ( ChengJi >=60) 
| 
console. writeline(" 及 格 " ) ; 
| 
else 
| 
console. writeline ( "不 及 格 " ) ; 
| 
上 上 述 代码 根据 学 生 学 习 成 绩 判断 优秀 、 良 好 、 中 等 、 及 格 、 不 及 格 。 


2.8.2 switch 语句 


switch 语句 根据 某 个 传递 的 参数 的 值 来 选择 执行 代码 。 在 让 语句 中 , ifii HEU TA ER 
个 条 件 ， 如 果 需 要 测试 多 个 条 件 ， 则 需要 书写 元 长 的 代码 。 而 switch 语句 能 有 效 的 避免 元 长 
的 代码 并 能 测试 多 个 条 件 。switch 语句 的 语法 如 下 . 

switch (参数 的 值 ) 

| 


case 参数 的 对 应 值 l: 操作 1; break; 
case 参数 的 对 应 值 2: 操作 2; break; 
case 参数 的 对 应 值 3: 操作 3; break; 
| 
从 上 述 语法 格式 中 可 以 看 出 ， 当 参数 的 值 为 某 个 case 对 应 的 值 的 时 候 ，switeh 语句 就 会 
执行 对 应 的 case 的 值 后 的 操作 ， 并 以 break 结尾 跳出 switch 语句 。 硅 没有 对 应 的 参数 时 ， 可 
以 定义 default 条 件 ， 执 行 默 认 代 码 ， 示 例 代 码 如 下 : 


int x ; 


switch (x) 
/ / switch 语句 
| 


case 0; Console. WriteLine( " this is 0" ) ; break; 
//x 20 时 执行 
case 1; Console. WriteLine( " this is 1" ) ; break; 
//x 2 VÀ 时 执行 
case 2: Console. WriteLine( " this is 2" ) ; break; 
//x 2 时 执行 
default: Console. WriteLine(“ 这 是 默认 情况 ”) ; break ; 
注意 : 在 switch 语句 中 ，default 语句 并 不 是 必需 的 ， 但 是 编写 default 可 以 为 条 件 设置 默 
UEA, 


2.9 ”循环 语句 


在 不 少 实际 问题 中 有 许多 具有 规律 性 的 重复 操作 ， 因 此 在 程序 中 就 需要 重复 执行 
些 语 句 。 一 组 被 重复 执行 的 语句 称 之 为 循环 体 ， 能 否 继续 重复 ,决定 循环 的 终止 条 件 。 
循环 语句 是 由 循环 体 及 循环 的 终止 条 件 两 部 分 组 成 的 。 循 环 能 够 减少 代码 量 ， 避 免 重 
复 输 入 相同 的 代码 行 ， 也 能 够 提高 应 用 程序 的 可 该 性。 负 见 的 循环 语句 有 for, while, 


do, for each, 


2.9.1 for 循环 


for 循环 一 般 用 于 已 知 重复 执行 次 数 的 循环 ， 是 程序 开发 中 常用 的 循环 条 件 之 一 ， 当 for 
循环 表达 式 中 的 条 件 为 true 时 ， 就 会 一 二 循环 代码 块 。 因 为 循环 的 次 数 是 在 执行 循环 语句 之 
前 计算 的 ， 所 以 for 循环 又 称 作 预测 式 循环 。 当 表达 式 中 的 条 件 为 false 时 ，for 循环 会 结 
循环 并 跳出 。for 循环 培 法 格式 如 下 . 

for 初始 化 表达 式 ,条 件 表达 式 ,迭代 表达 式 ) 

| 循环 语句 | 

for 循环 的 优点 就 是 for 循环 的 条 件 都 位 于 同一 位 置 。 同 样 ， 循 环 的 条 件 可 以 使 用 复杂 的 
布尔 表达 式 表 示 。for 循环 表达 式 包含 3 个 部 分 ， 即 初始 化 表达 式 、 条 件 表 达 式 和 迭代 表达 
式 。 当 for 循环 执行 时 ， 将 按照 以 下 顺序 执行 。 

BI 在 for 循环 开始 时 ， 首 先 运 行 初始 化 表达 陈 。 

BI 初始 化 表达 式 初 始 化 后 ， 则 判断 表达 式 条 件 。 

B 和 右 表 达 式 条 件 成 立 ， 则 执行 循环 语句 。 

B 循环 语句 执行 完毕 后 ， 和 迭代 表达 陈 执行 。 

B 友人 代表 达 式 执行 完毕 后 ， 再 判断 表达 式 条 件 并 循环 。 

下 列 代码 是 输出 0 ~ 99 的 值 。 

for (inti 20; i < 100; i++)/ 循环 100 次 

| 


Console. WriteLine(i) ;// 输 出 i 变量 的 值 
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注意 : for 循环 既 可 做 增 量 操作 ， 也 可 以 做 减 量 操作 ， 如 可 以 写 为 for (inti=10; 150; 
i--), PLU] for 循环 的 结构 非常 灵活 ， 同 样 for 循环 的 条 件 ， 和 迭代 表达 式 也 不 仅 局 限于 此 。 
2. 9.2 while 循环 


while 语句 同 for 语句 一 样 都 可 以 执行 循环 ， 但 是 while 的 使 用 更 加 有 灵活， 可 以 在 代码 块 
执行 前 判断 条 件 ， 也 可 以 在 代码 块 执行 一 次 后 再 行 判 断 条 件 。while 语句 的 使 用 方法 基本 上 
和 半 语 句 相 同 ， 其 区 别 就 在 于 ， 站 语句 一 般 需 要 先知 道 循 环 次 数 ， 而 while 语句 即便 不 知道 
循环 次 数 也 可 以 使 用 。while 语句 基本 语法 如 下 : 

while ( 布尔 值 ) 

| 执行 语句 | 

while 语句 包括 两 个 部 分 ,布尔 值 和 执行 语句 ，while 语句 执行 步骤 一 般 如 下 所 示 。 

B vs. 

E A M KMEN true 则 执行 语句 ; 人 否则 跳 过 。 

下 列 代码 是 将 一 个 数值 每 次 减 1， 直 到 这 个 数值 等 于 1 为 止 。 

x 2100; // 再 明 整 型 变量 


while (x! =1) // 判 断 x 不 等 于 1 


RE //x 目 减 操作 


在 while 语句 中 ， 可 以 使 用 continue 语句 来 执行 下 一 次 迭代 而 不 执行 完 所 有 的 执行 语句 ， 当 
执行 到 continue 关键 字 时 则 跳出 并 继续 执行 while 循环 而 不 执行 continue 关键 字 后 的 语句 。 也 可 以 
使 用 break 关键 字 在 某 个 条 件 下 跳出 并 终止 循环， 继续 执行 循环 后 的 语句 ， 示 例 代 码 如 下 : 

x =100; 

while (x !=1) 

| 


、 
Console. WriteLine( x) ; 
If =99) 
| continue ; | 
ib xe m5) 
| 
break ; 


| 
2.9.3 do while 循环 
do while 循环 和 while 循环 十 分 相似 ， 区 别 在 于 do while 循环 会 执行 一 次 执行 语句 ， 然 后 


再 判断 while 中 的 条 件 。 这 种 循环 成 为 后 测试 循环 ， 当 程序 需要 执行 一 次 语句 再 循环 的 时 
候 ，do while 语句 是 非常 实用 的 。do while 语句 语法 格式 如 下 : 


do 

| 执行 语句 | 

while ( 布尔 值 ) ; 

do while 语句 包含 两 个 部 分 ， 执 行 语 句 和 布尔 值 。 与 while 循环 语句 不 同 的 是 ， 执 行 步 
骤 首 先 执行 一 次 执行 语句 ， 有 具体 步骤 如 下 所 示 。 

B 执行 一 次 执行 语句 ; 

BI r RBS 

B 4B true， 则 继续 执行 ， 否 则 跳出 循环 。 

do while 语句 示例 代码 如 下 : 


int x 290; / / FA HR AI A g 
do // 首 先 执行 一 次 代码 块 
| 

X44; //x 目 增 一 次 


Console. WriteLine( x) ; // 输 出 x 的 值 


| 
while (x < 100); // 判 断 x 是 不 是 小 于 100 


2.9.4 for each 循环 


for JANE A w HB 23 — HESS ABUETTSTRTE, CHEIE F for each 循环 语句 ， 
如 条 想 重 复 集 合 或 者 数组 中 的 所 有 和 条目， 使 用 for each 是 很 好 的 解决 方案 。for each 语句 语 
法 格式 如 下 : 

for each ( 局 部 变 

执行 语句 ; 

for each 语句 执行 顺序 如 下 : 

B 集合 中 是 否 存在 元 素 ; 

B 右 存 在 ， 则 用 集合 中 的 第 一 个 元 素 初 始 化 局 部 变量 ; 

B 执行 控制 语句 ; 

B 集合 中 是 否 还 有 剩余 元 素 ， 寿 存在， 则 将 剩余 的 第 一 个 元 素 初 始 化 局 部 变量 ; 

B 在 不 存在 ， 结 束 循环 。 

for each 语句 示例 代码 如 下 . 


量 in 集合 ) 


string| ] str= | "hello" , "world" , " nice" , "to", " meet" , "you" |; // 定 义 数组 变量 
for each ( string s in str) / / URT EIR WAT ASA 
| 

Console. WriteLine( s) ; // 输 出 元 素 


注意 : 在 使 用 foreach 语句 的 时 候 ， 局 部 变量 的 数据 类 型 应 该 与 集合 或 数组 的 数据 类 型 


相同 ， 否 则 编译 器 会 报错 。 
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2.10 “异常 处 理 


在 传统 的 ASP 开发 过 程 中 ， 要 发 现 错误 是 非常 复杂 和 困难 的 ， 党 第 错误 发 生 后 ， 很 难 
找到 错误 的 代码 行 。C# 为 处 理 程序 执行 期 间 可 能 出 现 的 异常 情况 提供 内 置 支持 ， 这 些 寞 稼 
由 正 第 控制 流 之 外 的 代码 处 理 。 常 用 的 寞 第 语句 包括 throw, try, catch 等 。 


2.10.1 throw 异常 语句 


throw 语句 用 于 发 出 在 程序 执行 期 间 出 现 的 腊 肖 情况 的 信和 号。 引发 异 肖 的 是 一 个 对 象 ， 
该 对 象 的 类 是 从 System. Exception JK/E HJ, 38 36 throw 语句 与 try-catch 或 try-final 语句 一 起 使 
用 。 示 例 代码 如 下 : 


int x 21; // 声 明 整 型 变量 x 
int y 20; // AW] SERIA Eg. y 
if (y= 2-0) // WR y SET 0 
| 

throw new ArgumentException( ) ; // NU RE 


| 
Console. WriteLine( "| 除数 不 能 为 0" ): // 输 出 错误 信息 
上 上 述 代码 使 用 throw 语句 引发 异 第 并 癌 用 户 输出 了 异常 信息 。 


2.10.2 try-catch 异常 语句 


try-catch 语句 由 一 个 try 和 一 个 或 多 个 catch 子 句 构成 ， 这 些 子 句 可 以 指定 不 同 的 异常 处 
理应 用 程序 。 当 try 块 中 的 代码 寞 常 ， 则 会 执行 catch 块 的 保护 代码 ， 在 应 用 程序 开发 当中 ， 
try-catch 语句 能 够 处 理 异常 并 运 回 给 用 户 友 好 的 错误 提示 o 示例 代码 如 下 


int x 21; // 声 明 整 型 变量 x 
int y =0; // 声 明 整 型 变量 y 
try // 尝 试 处 理 代码 块 
| 

X= // MUR 
| 
catch // TIS Re 


| 
Console. WriteLine( " 除数 不 能 为 空 " ); — 7/8 e 
于 述 代码 试图 用 一 个 整 型 变量 除 以 一 个 值 为 0 的 整 型 变量 ,不 使 用 try-catch JE Dor 715 , 
则 系统 会 掀 出 异 稼 跳 转 到 开发 环境 或 代码 块 ; 使 用 try-catch， 系 统 同 样 会 抛 出 寞 党 ,但 是 开 
发 人 员 能 够 通过 程序 捕捉 异 稼 并 有 目 定 义 输出 异 篆 。 同 样 ， 它 也 可 以 接收 从 System. Exception 
派生 的 对 和 象 传递 过 来 的 参数 。 示 例 代 人 码 如 下 : 
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int x 21; // FF HH RE SE: 
int y 20; // FABLE AE E 
try // & AE SER 
| 
x cA RY E 
| 
catch ( Exception ee) // fili Exception 对 象 


| 
Console. WriteLine(" 除数 不 能 为 空 ,具体 错误 信息 如 下 所 示 \n" );”// 输 出 错误 信息 


Console. WriteLine( ee. ToString( ) ) ; // 捕 获 代码 
| 
在 运行 结果 中 ， 程 序 详细 地 输出 了 异 常 的 信息 ， 此 错误 的 信息 由 程序 捕捉 ， 并 不 会 停止 
应 用 程序 。 
注意 : try-catch 能 够 捕捉 应 用 程序 中 的 错误 信息 ， 但 是 try-catch 会 对 程序 的 性 能 造成 影 
响 ， 在 程序 开发 当中 ， 应 避免 不 必要 的 try-catch 语句 的 出 现 。 


2.10.3  try-finally 异常 语句 


catch 用 于 处 理应 用 程序 语句 中 出 现 的 异常 ， 而 finally 语句 用 于 清除 try 块 中 分 配 的 任何 
资源 ， 以 及 运行 应 用 程序 中 任何 发 生 异 篆 也 必须 执行 的 代码 。finally 语句 经 党 和 catch 语句 
搭配 使 用 。 示 例 代 码 如 下 : 


intx -1; // pi B] ge n AE x 
int y 20; // Fi WR RU E y 
try // 尝 试 处 理 代码 块 
| 

x=x/ y; // 进 行 除 法 计算 
finally // 继 续 执 行程 序 块 


| 
Console. WriteLine( " 系统 已 自动 停止 " ) ，/ 依 旧 输 出 错误 信息 
| 
o 个 整 型 变量 除 以 一 个 值 为 0 WRT, HEEREN, REAR 
， 但 是 finally 语句 也 被 执行 。 


2.10.4  try-catch-finally 异常 语句 


try-catch-finally 语句 能 够 使 应 用 程序 更 加 健壮 。 try-finally 语句 依旧 会 抛 出 异 d. 而 try- 
catch-finally 语句 能 够 捕获 异常 并 执行 finally 语句 中 的 控制 语句 ，try-catch-finally i& n 吉 构 和 
很 灵活 。 示 例 代 码 如 下 : 


int x 21; // 声 明 整 型 变量 x 
int y 20; // Fi WI UR E y 
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try / / & AE RE ER 
| 

X x / y: // 进 行 除法 计算 
catch (Exception ee) // 捕 获 异 党 信息 


| 
Console. WriteLine(" 除数 不 能 为 空 ,具体 错误 信息 如 下 所 示 " ); 


Console. WriteLine( ee. ToString( ) ) ; / / ig S e fes Ls. 


j 
finally // 继 续 执 行程 序 块 


| 
Console. WriteLine( " 系统 已 目 动 停止 " ) ，// 继 续 执 行程 序 


// 抛 出 异常 


$35 Web 窗 体 的 基本 控件 


在 传统 的 ASP 开发 中 ， 让 开发 人 员 最 为 烦恼 的 是 代码 的 重用 性 太 低 ， 以 及 事件 代码 
和 页 面 代 码 不 能 很 好 的 分 开 。 而 在 ASP. NET 中 ,控件 的 大 量 使 用 不 仅 解决 了 代码 重用 性 
的 问题 ， 对 于 初学 者 而 言 ， 控 件 还 简单 易 用 并 能 够 轻松 上 手 、 投 入 开发 。 本 和 章 讲 解 了 
ASP. NET 中 常用 的 基本 控件 ， 这 些 控件 能 够 极 大 地 提高 开发 人 员 的 效率 。 对 于 开发 人 员 
而 言 ， 能 够 直接 拖 动 控件 来 完成 应 用 目的 ， 为 ASP. NET 应 用 程序 的 开发 提供 了 极 大 的 
便利 。 


学 习 目 标 与 任务 


[LI 学习 目标 


本 章 主 要 介绍 简单 控件 、 文 本 框 控件 、 按 钮 控件 、 单 选 控件 和 单 选 组 控件 、 复 选 控件 和 
复 选 组 控件 、 面 板 控件 、 占 位 控件 、 日 历 控 件 、 广 告 控件 、 文 件 上 传 控件 、XML 控件 、 表 
控件 、 向 导 控件 、 验 证 控件 、 导 航 控件 等 控件 的 使 用 ， 学 习 者 学 完 本 章 应 达到 以 下 几 点 
要 求 。 

1. 了解 控 件 的 分 类 ; 

2. 掌握 简单 控件 、 文 本 控件 的 使 用 ; 

3. 掌握 按钮 控件 的 使 用 ， 学 会 编写 按钮 事件 过 程 ; 

4. 能够 灵活 运用 单 选 、 复 选 控件 、 列 表 控件 、 验 证 控件 、 文 件 上 传 控件 ; 

s. 了 解 面板 控件 、 占 位 控件 、 日 历 控件 、 广 告 控 件 、 视 图 控件 等 控件 的 使 用 。 


[| 省 工作 任务 


1. 能 够 使 用 简单 控件 、 文 本 控件 、 按 钮 控件 、 单 选 、 复 选 控 件 、 列 表 控 件 等 基本 控件 
完成 用 户 基本 信息 注册 页 面 的 设计 ; 
2. 能 够 使 用 验证 控件 完成 用 户 基本 信息 注册 页 面 的 验证 要 求 ; 
3. 能 够 使 用 文件 上 传 控 件 完 成 用 户 照 片 文件 的 上 传 要 求 。 
3.1 控件 的 属性 
每 个 控件 都 有 一 些 公 
2008 F, FEA TRH E 
如 图 3-1 所 示 。 
属性 栏 用 来 设置 控件 的 属性 ， 当 控件 在 页 面 被 初始 化 时 ， 这 些 将 被 应 用 到 控件 。 控 件 的 
属性 也 可 以 通过 编程 的 方法 在 页 面相 应 代码 区 域 编 写 ， 示 例 代 码 如 下 : 


共 属 性 ， 如 字体 颜色 、 边 框 的 颜色 、 样 式 等 。 在 Visual Studio 
标 选择 了 相应 的 控件 后 ， 属 性 栏 中 会 简单 地 介绍 该 属性 的 作用 。 
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(Expressions) 
日 外 观 
BackColor 
BorderColor 
BorderStyle NotSet 
Border'lidth 
CssClass 
Font 
ForeColor 
Text 
日 行为 
Enabled 
EnableTheming 
EnableViewState 
SkinID 


Text 


为 标 答 显示 的 文本 。 


图 3-1 控件 的 属性 


protected void Page_Load( object sender, EventArgs e) 
| 
Labell. Visible = false; // 在 Page Load 中 设置 Labell 的 可 见 性 
| 
上 上 述 代码 编写 了 一 个 Page Load (页 面 加 载 事 件 ) ， 当 页 面 初次 被 加 载 时 ， 会 执行 Page 
— Load 中 的 代码 。 这 里 通过 编程 的 方法 对 控件 的 属性 进行 更 改 ， 当 页 面 加 载 时 ， 控 件 的 属 
TE HT BUD Vis o 


3.2 人 简单 控件 


ASP. NET 提供 了 诸多 控件 ， 这 些 控件 包括 简单 控件 、 数 据 库 控件 、 登 录 控 件 等 强大 的 
控件 。 在 ASP. NET 中 ， 人 简单 控件 是 最 基础 也 是 经 稼 被 使 用 的 控件 ， 人 简单 控件 包括 标签 控件 
Label, 、 超 链接 控件 HyperLink 及 图 像 控 件 Image 等 。 


3.2.1 标签 控件 


在 Web 应 用 中 ,希望 显示 的 文本 不 能 被 用 户 更 改 ， 或 者 当 触 发 事件 时 ， 某 一 段 文 本 能 
够 在 运行 时 更 改 ， 则 可 以 使 用 标签 控件 Label。 开 发 人 员 可 以 非常 方便 地 将 标签 控件 拖 放 到 
页 面 ， 拖 放 到 页 面 后 ， 该 页 面 将 目 动 生成 一 段 标 签 控 件 的 声明 代码 。 示 例 代码 如 下 . 

< asp: Label ID =" Labell" runat 2 "server" Text =" Label" > </asp:Label > 

上 述 代码 中 ， 声 明了 一 个 标签 控件 ， 并 将 这 个 标签 控件 的 ID 属性 设置 为 默认 值 Labell 。 
Hr TATE BS m E, 所 以 在 控件 属性 中 包含 runat =" server" 属性。 该 代码 还 将 标 
签 控 件 的 文本 初始 化 为 Label， 开 发 人 员 能 够 配置 该 属性 进行 不 同文 本 内 容 的 呈现 。 
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同样 ， 标 签 控 件 的 属性 能 够 在 相应 的 .cs 代码 中 初始 化 ， 示 例 代 码 如 下 : 

protected void Page_Prelnit( object sender, EventArgs e) 

| 

Labell. Text 2 " Hello World" ; // 标 签 赋 值 

| 

上 述 代 码 在 页 面 初 始 化 时 为 Labell 的 文本 属性 设置 为 " Hello World" 。 

注意 : 如 果 开 发 人 员 只 是 为 了 显示 一 般 的 文本 或 者 HTML 效果 ， 不 推荐 使 用 Label 控 
件 ， 因 为 当 服 务 器 控件 过 多 ,会 导致 性 能 问题 。 使 用 静态 的 HTML 文本 能 够 让 页 面 解析 速 
度 更 快 。 


3.2.2 ”起 链接 控件 


超 链 接 控 件 相 当 于 实现 了 HTML 代码 中 的 “<ahref=“” ></a>” SR, AAA, XR 
链接 控件 有 目 己 的 特点 ， 当 拖 动 一 个 超 链接 控件 到 页 面 时 ， 系 统 会 自动 生成 控件 声明 代码 。 
示例 代码 如 下 : 

< asp: HyperLink ID = " HyperLink1" runat = " server" > HyperLink < /asp: HyperLink > 

上 述 代码 声明 了 一 个 超 链接 控件 ， 相 对 于 HTML 代码 形式 ， 超 链接 控件 可 以 通过 传递 
指定 的 参数 来 访问 不 同 的 页 面 。 当 触发 了 一 个 事件 后 ， 超 链接 的 属性 可 以 被 改变 。 超 链接 控 
件 通 党 使 用 的 两 个 属性 如 下 : 

ImageUrl， 要 显示 图 像 的 URL, 

NavigateUrl , 要 跳 转 的 URL, 

1. ImageUrl 属性 

设置 ImageUrl JE n] LL EXC 8 Bi B 4i: D XCANJE X Ud zR X Ze AE HJ A ZR, zn fh 
代码 如 下 : 

< asp: HyperLink ID =" HyperLink1" runat = " server" 


ImageUrl = " http://www. chinasward. com/images/cms. jpg" > 
HyperLink 
< /asp: HyperLink > 
上 述 代码 将 文本 形式 显示 的 超 链 接 变 为 了 图 片 形式 的 超 链 接 ， 虽然 表 现形 式 不 同 ,但 是 
不 管 是 图 片 形式 还 是 文本 形式 ,全 虱 实 现 相同 的 效果 。 
2. Navigate 属性 
Navigate 属性 可 以 为 无 论 是 文本 形式 还 是 图 片 形 式 的 超 链 接 设 置 超 链 接 属 性 ， 即 将 跳 转 
的 页 面 示例 代码 如 下 : 
<asp:HyperLink ID =" HyperLink1" runat = " server" 


ImageUrl = " http ://www. chinasward. com/images/ cms. jpg" 
NavigateUrl = " http://www. chinasward. com" > 
HyperLink 
< /asp: HyperLink > 
上 述 代码 使 用 了 图 片 超 链接 的 形式 。 其 中 图 片 “http://www. chinasward. com/images/ 
ems. jpg”， 当 单 击 此 超 链接 控件 后 ， 浏 览 侣 将 跳 到 URL 为 “http://www. chinasward. com” 
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的 页 面 。 

3. 动态 跳 转 

在 前 面 的 小 节 讲 解 了 超 链接 控件 的 优点 ， 超 链接 控件 的 优点 在 于 能 够 对 控件 进行 编程 ， 
来 按照 用 户 的 意愿 跳 转 到 相应 的 页 面 。 以 下 代码 实现 了 当 用 户 选 择 qq 时 ,会 跳 转 到 腾讯 网 
站 ， 如 来 选择 sohu， 则 会 跳 转 到 sohu 页 面 ， 示 例 代 码 如 下 : 

protected void DropDownListl_SelectedIndexChanged( object sender, EventArgs e) 


| 


if ( DropDownListl. Text = =" qq" ) // 如 果 选 择 qq 
| 
HyperLinkl. Text = " qq" ; // 文 本 为 qq 
HyperLinkl. NavigateUrl = " http://www. qq. com"; — //URL 为 qq. com 
| 
else // 选 择 sohu 
| 
HyperLink1. Text = " sohu" ; // 文 本 为 sohu 


HyperLinkl. NavigateUrl = " http://www. sohu. com" ; //URL 2j sohu. com 


| 

上 述 代码 使 用 了 DropDownList 控件 ， 当 用 户 选 择 不 同 的 人 时 ， 对 HyperLinkl 控件 进行 
操作 。 当 用 户 选 择 qq 时 ， 则 为 HyperLinkl 控件 配置 ， 链 接 为 http:/Awww. qq. com, 4 I) Bc 
置 链 接 为 http://www. sohu. com, 


3.2.3 图 像 控 件 


图 像 控件 用 来 在 Web 窗 体 中 显示 图 人像， 图像 控件 常用 的 属性 如 下 : 

Bl AlternateText， 在 图 像 无 法 显示 时 显示 的 备用 文本 。 

Bl ImageAlign， 图 像 的 对 齐 方式 。 

Bl ImageUrl， 要 显示 图 像 的 URL. 

M 图 片 无 法 显示 的 时 候 , 图 hi T ARUER 16 DN. AlternateText 属性 中 的 文字 , ImageAlign 属性 
用 来 控制 图 片 的 对 齐 方式 ， 而 ImageUrl 属性 用 来 设置 图 像 连 接地 址 。 同 样 ，HTML 中 也 可 以 
使 用 <img sre =""” alt="" > 来 交代 图 像 控 件 ， 图 像 控 件 具 有 可 控 性 的 优点 ， 就 是 通过 编程 
来 控制 图 像 控 件 ， 图 像 控件 基本 声明 代码 如 下 : 

<asp:lmage ID =" Imagel" runat = " server" /> 

除了 显示 图 形 以 外 ，Image 控件 的 其 他 属性 还 允许 为 图 像 指定 各 种 文本 ， 各 属性 如 下 : 

BI ToolTip， 浏 览 硕 显示 在 工具 提示 中 的 文本 。 

BI GenerateEmptyAlternateText， 如 果 将 此 属性 设置 为 true， 则 呈现 的 图 片 的 alt 属性 将 设 


开发 人 员 能 够 为 Image 控件 配置 相应 的 属性 以 便 在 浏览 时 呈现 不 同 的 样式 ,创建 一 个 
Image 控件 也 可 以 直接 通过 编写 HTML 代码 进 行星 现 ， 示 例 代码 如 下 . 
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< asp:Image ID =" Tmagel" runat = " server" 

AlternateText =" 图 片 连接 失效 " ImageUrl =" http ;// www. chinasward. com/images/ cms. jpg" / > 

上 述 代码 设置 了 一 个 图 片 ， 并 当 图 片 失效 的 时 候 提 示 图 片 连接 失效 。 

注意 : 当 双 击 图 像 控 件 时 ， 系 统 并 没有 生成 事件 所 需要 的 代码 段 ， 这 说 明 Image 控件 不 
支持 任何 事件 。 


3.3 文本 框 控件 


在 Web 开发 中 ，Web 应 用 程序 通 帝 需要 和 用 户 进行 交互 ， 如 用 户 注 册 、 登 录 、 发 帖 等 ， 
那么 就 需要 文本 框 控件 (TextBox) 来 接收 用 户 输入 的 信息 。 开 发 人 员 还 可 以 使 用 文本 框 欣 
件 制 作 高 级 的 文本 编辑 佣 用 于 HIML， 以 及 文本 的 输入 输出 。 


3.3.1 文本 框 控件 的 属性 


通常 情况 下 ， 默 认 的 文本 控件 (TextBox) 是 一 个 单行 的 文本 框 ， 用 户 只 能 在 文本 框 中 
输入 一 行内 容 。 通 过 修改 该 属性 ， 则 可 以 将 文本 框 设置 为 多 行 /或 者 是 以 密码 形式 显示 ， 文 
本 框 控 件 常 用 的 控件 属性 如 下 . 

W AutoPostBack， 在 文本 修改 以 后 ， 是 否 目 动 重 传 。 

Bl Columns ， 文 本 框 的 宽度 。 

BI EnableViewState ， 控 件 是 否 目 动 保存 其 状态 以 用 于 往返 过 程 。 

Bl MaxLength， 用 户 输入 的 最 大 字符 数 。 

B ReadOnly, Jé 7 7j Hi, 

BI Rows ， 作 为 多 行文 本 框 时 所 显示 的 行 数 。 

BI TextMode ， 文 本 框 的 模式 ， 设 置 单行 ， 多 行 或 者 密码 。 

B Wrap ， 文 本 框 是 否 换行 。 

1. AutoPostBack (自动 回 传 ) 属性 

在 网 页 的 交互 中 ， 如 采用 户 提 交 了 表单 ， 或 者 执行 了 相应 的 方法 ， 那 么 该 页 面 将 会 发 送 
到 服务 机上 ， 服 务 顶 将 执行 表单 的 操作 或 者 执行 相应 方法 后 ， 再 呈现 给 用 户 ， 如 按钮 控件 、 
下 拉 亲 单 控 件 等 。 如 果 将 某 个 控件 的 AutoPostBack 属性 设置 为 true 时 ， 则 如 果 该 控件 的 属性 
锌 修改， 那么 同样 会 使 页 面目 动 发 回 到 服务 右 。 

2. EnableViewState (控件 状态 ) 属性 

ViewState 是 ASP. NET 中 用 来 保存 Web 控件 回 传 状态 的 一 种 机 制 ， 它 是 由 ASP. NET 页 
面 框架 管理 的 一 个 隐藏 字段 。 在 回 传 发 生 时 ，ViewState 数据 同样 将 回 传 到 服务 需 ， 
ASP. NET HERKENT ViewState 字符 串 并 为 页 面 中 的 各 个 控件 填充 该 属性 。 而 填充 后 ， 控 件 通 
过 使 用 ViewState 将 数据 重新 恢复 到 以 前 的 状态 。 

在 使 用 某 些 特 殊 的 控件 时 ， 如 数据 库 探 件 来 显示 数据 库 ， 每 次 打开 页 面 执行 一 次 数据 库 
往返 过 程 是 非 背 不 明智 的 。 开 发 人 员 可 以 绑 定 数据 ， 在 加 载 页 面 时 仅 对 页 面 设置 一 次 ， 在 后 
续 的 回 传 中 ， 控 件 将 目 动 从 ViewState 中 重新 填充 ,减少 了 数据 库 的 往返 次 数 ， 从 而 不 使 用 
过 多 的 服务 嚣 资源。 在 默认 情况 下 ，EnableViewState 的 属性 值 通常 为 true, 
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3. 其 他 属性 

上 面 的 两 个 属性 是 比较 重要 的 属性 ， 以 下 的 属性 也 经 浓 使 用 。 

Bl MaxLength， 在 注册 时 可 以 限制 用 户 输入 的 字符 串 长 度 。 

BI ReadOnly， 如 果 将 此 属性 设置 为 true， 那 么 文本 框 内 的 值 是 无 法 被 修改 的 。 

BI TexiMode, ， 此 属性 可 以 设置 文本 框 的 模式 ， 如 单行 、 多 行 和 密码 形式 。 默 认 情 况 下 ， 
不 设置 TextMode 属性 ， 那 么 文本 框 默 认为 单行 。 


3.3.2 文本 框 控件 的 使 用 


在 上 默认 情况 下 ， 文 本 框 为 单行 类 型 ， 同时 文本 框 模式 也 包括 多 行 和 和 密码， 示例 代码 
如 下 : 

< asp: TextBox ID = " TextBox1" runat = " server" > </asp:TextBox > 

<br/> 

<br/> 

< asp: TextBox ID =" TextBox2" runat =" server" Height =" 101px" TextMode = " MultiLine" 

Width = "325px" > </asp : TextBox > 

«br/» 

<br/> 

< asp: TextBox ID 2 " TextBox3" runat = "server" TextMode = " Password" > «/asp:TextBox > 


上 述 代码 读 示 了 3 种 文本 框 的 使 用 方法 ， 上 述 代 码 运 行 后 的 结果 如 图 3-2 所 示 。 
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图 3-2 文本 框 的 3 种 形式 


文本 框 无 论 是 在 Web 应 用 程序 开发 还 是 Windows 应 用 程序 开发 中 都 是 非常 重要 的 。 文 
本 框 在 用 户 交 互 中 能 够 起 到 非常 重要 的 作用 。 在 文本 框 的 使 用 中 ， 通常 需要 获取 用 户 在 文本 
框 中 输入 的 值 或 者 检查 文本 框 属性 是 否 被 改写 。 当 获取 用 户 的 值 的 时 候 ， 必 须 通 过 一 段 代 码 
来 控制 。 文 本 框 控件 HTML 页 面 示 例 代 码 如 下 : 
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< form i1d="forml" runat = " server" > 
<div> 
< asp: Label ID =" Labell" runat =" server" Text ="Label" > </asp:Label > 
«br/» 
< asp: TextBox ID = " TextBoxl” runat = " server" > «/asp:TextBox > 
«br/» 
< asp: Button ID =" Buttonl" runat =" server" onclick = " Buttonl. Click" Text = " Button" / > 
<br/> 
</div > 
< / form > 
上 上 述 代码 声明 了 一 个 文本 框 控件 和 一 个 按钮 控件 ， 当 用 户 单 击 按钮 控件 时 ， 就 需要 实现 
标签 控件 的 文本 改变 。 为 了 实现 相应 的 效 末 ， 可 以 通过 编写 es 文件 代码 进 行 逻辑 处 理 。 示 
例 代码 如 下 : 
namespace 5 3 // 页 面 命 名 空间 
| 


public partial class _Default : System. Web. UI. Page 
| 
protected void Page Load( object sender, EventArgs e)// 页 面 加 载 时 触发 
| 
| 
protected void Buttonl, Click( object sender, EventArgs e)// 双 击 按 钮 时 触发 的 事件 
| 
Labell. Text = TextBox1. Text;// 标 签 控 件 的 值 等 于 文本 框 控 件 的 值 


| 
在 上 述 代 码 中 ， 当 双击 按钮 时 ， 驶 会 触发 一 个 按钮 事件 ， 这 个 事件 就 是 将 文本 框 内 的 值 
赋值 到 标签 内 ， 运 行 结 采 如 图 3-3 所 示 。 
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Kk 3-3 文本 框 控 件 的 使 用 
同样 ， 双 击 文本 框 控 件 ， 会 触发 TextChange 事件 。 而 当 运 行 时 ， 当 文本 框 控 件 中 的 字符 变 


kki, FEA K JEME, 是 因为 默认 情况 下 ， 文 本 框 的 AutoPostBack 属性 被 设置 为 false; 4 
AutoPostBack 属性 被 设置 为 true 时 ， 文 本 框 的 属性 变化 ， 则 会 发 生 回 传 。 示 例 代 人 码 如 下 . 
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protected void TextBoxl_TextChanged(object sender, EventArgs e) // 文 本 框 事 件 
| 
Labell. AutoPostBack = true; // 目 动 重 传 属性 为 下 
上 述 代 码 中 ， 为 TextBoxl 添加 了 TextChanged 事件 ,在 TextChanged 事件 中 ， 并 不 是 每 
一 次 文本 框 的 内 容 发 后 了 变化 之 后 ， 就 会 重 传 到 服务 硕 ， 这 一 点 和 WinForm 是 不 同 的 ， 因 
为 这 样 会 大 大 的 降低 页 面 的 效 座 。 而 当 用 户 将 文本 框 中 的 焦点 移出 ， 导 化 TextBox 失去 焦点 
时 ， 才 会 发 生 重 传 。 


3.4 ”按钮 控件 


在 Web 应 用 程序 和 用 户 交 互 时 ， 管 和 常 需要 提交 表单 、 获 取 表 单 信息 等 操作 。 这 时 ， 按 
钮 控件 是 非常 必要 的 。 按 钮 控件 能 够 触发 事件 ， 或 者 将 网 员 中 的 信息 回 传 给 服务 硕 。 在 
ASP. NET 中 ， 包 含 3 类 按钮 控件 ， 分 别 为 Button 、LinkButton 、 ImageButton 。 


3.4.1 按钮 控件 的 通用 属性 


按钮 控件 用 于 事件 的 提交 ， 按 钮 控件 包含 一 些 通 用 属性 ， 按 钮 控件 的 常用 通用 属性 如 下 : 

Bl Causes Validation ， 按 钮 是 否 导 致 激发 验证 检查 。 

Bl CommandArgument， 与 此 按钮 关联 的 命令 参数 。 

Bl CommandName， 与 此 按钮 关联 的 命令 。 

Bl ValidationCroup ， 使 用 该 属性 可 以 指定 单 击 按钮 时 调用 页 面 上 的 哪些 验证 程序 ; 如果 
未 建立 任何 验证 组 ， 则 会 调用 页 面 上 的 所 有 验证 程序 。 

下 面 的 语句 声明 了 3 种 按钮 ， 示 例 代 人 码 如 下 . 

< asp: Button ID =" ButtonI" runat = " server" Text =" Button" / > // 普 通 的 按钮 

<b> 


< asp : LinkButton ID =" LinkButton1" runat = " server" > LinkButton < /asp : LinkButton > 
// Link 类 型 的 按钮 

<br/> 

< asp ; ImageButton ID = " ImageButtonl" runat 2 " server" /> // 图 像 类 型 的 按钮 

对 于 3 种 按钮 ， 它 们 起 到 的 作用 基本 相同 ， 主 要 是 表现 形式 不 同 ， 如 图 3-4 Bn. 
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图 3-4 3 种 按钮 类 型 


第 3 章 Web 窗 体 的 基本 控件 <41 


3.4.2 Click 单 击 事件 


以 上 三 种 按钮 控件 对 应 的 事件 通 律 是 Click 单 击 和 Command 命令 事件 。 在 Click 单 击 事 
件 中 ,通常 用 于 编写 用 户 单 击 按钮 时 所 需要 执行 的 事件 。 示 例 代 码 如 下 : 


protected void Buttonl_Click( object sender, EventArgs e) 


| 
Labell. Text = " 3 TZ HL A" ; / / iy E fe A 


| 


protected void LinkButtonl_Click (object sender, EventArgs e) 
| 

Labell. Text = "连接 按钮 被 触发 " ; // 输 出 信息 
| 


protected void ImageButtonl_Click( object sender, ImageClickEventArgs e) 


| 
Labell. Text = "图 厂 按 钮 被 触 发 " ; / / ii E fes E 


j 
上 述 代 码 分 别 为 3 PZE Y RAF, RUNS AEA Labell 的 文本 设置 为 相应 的 文本 ， 


运行 结果 如 图 3-5 所 示 。 
3.4.3 Command 命令 事件 


按钮 控件 中 ，Click 事件 并 不 能 传递 参数 ， 所 以 处 理 的 事件 相对 简单。 而 Command 事件 
可 以 传递 参数 ， 负责 传递 参数 的 是 按钮 控件 的 CommandArgument 和 CommandName JETE. un 
图 3-6 所 示 。 
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图 3-5 按钮 的 Click 事件 图 3-6 | CommandArgument 和 CommandName 属性 


将 CommandArgument 和 CommandName 属性 3 分 别 设置 为 Hello! 和 Show， 单 击 s 创建 
一 个 Command 事件 并 在 事件 中 编写 相应 代码 。 示 例 代 人 码 如 下 : 


protected void Buttonl_Command( object sender, CommandEventArgs e) 


| 
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if (e. CommandName = =" Show" ) // 如 果 CommandNmae 属性 的 值 
为 Show , 则 运行 下 面 代 码 


Labell. Text = e. CommandArgument. ToString( ) ; //CommandArgument 属性 的 值 
赋 给 Labell 


注意 : 当 按 钮 同时 包含 Click 和 Command 事件 时 ， 通 常情 况 下 会 执行 Command 事件 。 

Command 有 一 些 Click 不 具备 的 好 处 ， 就 是 传递 参数 。 可 以 对 按钮 的 CommandArgument 
和 CommandName 属性 分 别 设 置 ， 通 过 判断 CommandArgument 和 CommandName 属性 来 执行 
相应 的 方法 。 这 样 一 个 按钮 控件 就 能 够 实现 不 同 的 方法 ， 使 得 多 个 按钮 与 一 个 处 理 代 码 关 联 
或 者 一 个 按钮 根据 不 同 的 值 进 行 不 同 的 处 理 和 响应 。 相 比 Click 单 击 事件 而 言 ，Command 命 
令 事件 具有 更 高 的 可 控 性 。 


3.5 单 选 控件 和 单 选 组 控件 


在 投票 等 系统 中 ， 通 稼 需要 使 用 单 选 控件 和 单 选 组 控件 。 顾 名 思 义 ， 在 单 选 控件 和 单 选 
组 控件 的 项 目 中 ， 只 能 在 有 限 种 选择 中 进行 一 个 项 目的 选择 。 在 进行 投票 等 应 用 开发 并 且 只 
能 在 选项 中 选择 单项 时 ， 单 选 控件 和 单 选 组 控件 都 是 最 佳 的 选择 。 


3.5.1 单 选 控件 


单 选 控件 RadioButton 可 以 为 用 户 选 择 某 一 个 选项 ; 单 选 控件 常用 属性 如 下 : 
BE Checked， 控 件 是 否 被 选中 。 
Bl GroupName， 单 选 控 件 所 处 的 组 名 。 
BI TextAlign， 文 本 标签 相对 于 控件 的 对 齐 方 式 。 
单 选 控件 通常 需要 Checked 属性 来 判断 某 个 选项 是 否 被 选中 ， 多 个 单 选 控件 之 间 可 能 存 
在 着 某 些 联系 ， 这 些 联系 通过 GroupName 进行 约束 和 联系 ， 示 例 代 码 如 下 
< asp : RadioButton ID =" RadioButtonl" runat = " server" GroupName = " choose" 
Text = " Choosel" /> 
< asp : RadioButton ID =" RadioButton2" runat = " server" GroupName = " choose" 
Text = " Choose2" / > 
上 述 代 码 声 明了 两 个 单 选 控 件 ， 并 将 GroupName 属性 都 设置 为 " choose" o 单 选 控件 中 
最 常用 的 事件 是 CheckedChanged , 当 控 件 的 选中 状态 改变 时 ， 则 触发 该 事件 。 示 例 代 码 
如 下 : 
protected void RadioButtonl, CheckedChanged( object sender, EventArgs e) 


| 


Labell. Text = "第 一 个 被 选中 " 
| 


protected void RadioButton2_CheckedChanged( object sender, EventArgs e) 
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Labell. Text = "第 二 个 被 选中 " ; 


j 
在 上 述 代码 中 ， 当 选中 状态 被 改变 时 ， 则 触发 相应 的 事件 。 其 运行 结束 如 图 3-7 Brzn 
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图 3-7 单 选 控件 的 运行 结 


与 TextBox 文本 框 控 件 相 同 的 是 ， 单 选 控 件 不 会 目 动 进 行 页 面 回 传 ， 必须 将 AutoPost- 
Back 属性 设置 为 true 时 才能 在 焦点 丢失 时 触发 相应 的 CheckedChanged 事件 。 


3.5.2 单 选 组 控件 


与 单 选 控 件 相 同 单 选 组 控件 RadioButtonList 也 是 只 能 选择 一 个 项 目的 控件 ; 而 与 单 选 
控件 不 同 的 是 ， 单 选 组 控件 没有 GroupName 属性 ， 但 是 却 能 够 列 出 多 个 单 选 项 目 。 另 外 ， 
单 选 组 控件 所 生成 的 代码 也 比 单 选 控件 实现 的 相对 较 少 。 单 选 组 控件 添加 项 如 图 3-8 所 示 。 


ListItem SRH EN 7l xl 


成 员 (0) : Choosel [El (P): 


ESI ES 

日 杂项 
Enabled True 
Selected False 
Text Choosel 
Value Choosel 


le 


XS GO | 移 除 R) | 


图 3-8 单 选 组 控件 添加 项 


添加 项 目 后 ， 系 统 目 动 在 . aspx 页 面 声明 服务 硕 控 件 代 码 ， 代 码 如 下 : 
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< asp : RadioButtonList ID =" RadioButtonListl" runat = " server" > 
< asp: Listltem > Choosel < /asp : ListItem > 
< asp: Listltem > Choose2 « /asp : ListItem > 
< asp: Listltem > Choose3 < /asp : ListItem > 
« /asp ; RadioButtonList > 
上 述 代 码 使 用 了 单 选 组 控件 进行 单 选 功能 的 实现 ， 单 选 组 控件 还 包括 一 些 属性 用 于 样式 
和 重复 的 配置 。 单 选 组 控件 的 稼 用 属性 如 下 : 
BI DataMember， 在 数据 集 用 做 数据 源 时 做 数据 绑 定 。 
BI DataSource， 癌 列表 填 入 项 时 所 使 用 的 数据 源 。 
BI DataTextFiled ， 提 供 项 文本 的 数据 源 中 的 字段 。 
BI DataTextFormat ， 应 用 于 文本 字段 的 格式 。 
BI DataValueFiled， 数 据 源 中 提供 项 值 的 字段 。 
B iens, 列表 中 项 的 集合 。 
Bl RepeatColumn ， 用 于 布局 项 的 列 数 。 
BE RepeatDirection ， 项 的 布局 方 回 。 
Bl RepeatLayout， 是 否 在 某 个 表 或 者 流 中 重复 。 
同 单 选 控 件 一 样 ， 双 击 单 选 组 控件 时 系统 会 日 动 生成 该 事件 的 声明 ， 同 样 可 以 在 该 事件 
中 确定 代码 。 当 选择 一 项 内 容 时 ， 提 示 用 户 所 选择 的 内 容 ， 示 例 代 码 如 下 : 
protected void RadioButtonListl, SelectedIndexChanged( object sender, EventArgs e) 


| 


Labell. Text = RadioButtonListl. Text ; // 文 本 标签 段 的 值 等 于 选择 的 控件 的 值 


3.6 复 选 框 控 件 和 复 选 组 控件 


当 一 个 投票 系统 需要 用 户 能 够 选择 多 个 选择 项 时 ， 则 单 选 框 探 件 就 不 符合 要 求 了 。 
ASP. NET 还 提供 了 复 选 框 控 件 CheckBox 和 复 选 组 控件 CheckBoxList 来 满足 多 选 的 要 求 。 复 
选 框 控件 和 复 选 组 控件 同 单 选 框 控件 和 单 选 组 控件 一 样 ， 都 是 通过 Checked 属性 来 判断 是 否 
被 选择 。 


3.6.1 复 选 框 控件 


同 单 选 框 控件 一 样 ， 复 选 框 控件 CheckBox 也 是 通过 Check 属性 判断 是 否 被 选择 ， 而 不 
同 的 是 ， 复 选 框 控 件 没 有 GroupName 属性 。 示 例 代 码 如 下 : 

<asp:CheckBox ID =" CheckBox1" runat =" server" Text ="Checkl" AutoPostBack = "true" / > 

< asp: CheckBox ID =" CheckBox2" runat =" server" Text =" Check2" AutoPostBack = " true" / > 

上 述 代码 中 声明 了 两 个 复 选 框 控件 。 对 于 复 选 框 控 件 ， 并 没有 文 持 的 GroupName 属性 。 
当 双 击 复 选 框 控 件 时 ， 系 统 会 日 动 生成 方法 。 当 复 选 框 控件 的 选中 状态 被 改变 后 ， 会 激发 该 
事件 。 示 例 代 码 如 下 : 
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protected void CheckBox1. CheckedChanged( object sender, EventArgs e) 
| 


Labell. Text =" 选 框 1 被 选中 "， // 当选 框 1 被 选中 时 
| 


protected void CheckBox2_CheckedChanged( object sender, EventArgs e) 
| 


Labell. Text = " 选 框 2 被 选中 ,并且 字体 变 大 " ; /当选 框 2 被 选中 时 
Labell. Font. Size = FontUnit. XXLarge; 
| 


上 述 代码 分 别 为 两 个 选 框 设置 了 事件 ,设置 了 当选 择 复 选 框 1 时 ， 则 文本 标签 输出 


“ 选 框 1 被 选中 ”， 如 图 3-9 所 示 。 当 选择 复 选 框 2 时 ， 则 输出 “ 选 框 2 被 选中 ， 并 且 字 体 
变 大 ”， 运 行 结 果 如 图 3-10 HZR o 


w kak Erna 记 收藏 夹 。 并 无 标题 页 


选 框 1 被 选中 


区 Check! [7 Check2 选 框 1 做 选 中 HAF 


WEA 


M Check1 lv Check2 


il 
| | Internet | 保护 模式 : 禁用 [R108 ~ 7 


zi 
NIENTTUTEECDOIGE ONENNNNEYU NEN 

图 3-9 选 框 1 被 选中 图 3-10 ETE 2 被 选中 
对 于 复 选 和 杠 而 言 ， 用 户 可 以 在 复 选 框 控 件 中 选择 多 个 选项 ， 所 以 就 没有 必要 为 复 选 框 控 


件 进行 分 组 。 在 单 选 框 控件 中 ， 相 同 组 名 的 控件 只 能 选择 一 项 用 于 约束 多 个 单 选 框 中 的 选 
项 ， 而 复 选 框 就 没有 约束 的 必要 


3.6.2 复 选 组 控件 


同 单 选 组 控件 相同 ， 为 了 方便 复 选 控件 的 使 用 ，. NET 服务 货 控 件 中 同样 包括 了 复 选 组 
控件 CheckBoxList， 拖 动 一 个 复 选 组 控件 到 页 面 可 以 同 单 选 组 控件 一 样 添加 复 选 组 列表 。 添 
加 在 页 面 后 ， 系 统 生 成 代码 如 下 : 

< asp :CheckBoxList ID = " CheckBoxListl" runat = "server" AutoPostBack 


=" True" 


onselectedindexchanged = " CheckBoxListl, SelectedIndexChanged" > 
< asp: ListItem Value =" Choosel" > Choosel « /asp: Listltem > 
< asp: ListItem Value = " Choose2" > Choose2 < /asp : ListItem > 
< asp: ListItem Value = " Choose3" > Choose3 < /asp: Listltem > 
< /asp : CheckBoxList > 
在 上 述 代 码 中 ， 同 样 增 加 了 3 个 项 目 提 供给 用 户 选 择 ， 复 选 组 控件 最 常用 的 是 Se- 


lectedIndexChanged 事件 。 当 控件 中 某 项 的 选中 状态 被 改变 时 ， 则 会 触发 该 事件 。 示 例 
代码 如 下 : 
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protected void CheckBoxListl. SelectedIndexChanged( object sender, EventArgs e) 
| 
if ( CheckBoxListl. Items| 0 |. Selected ) / / Ag xy Et e P 
| 
Labell. Font. Size = FontUnit. XXLarge ; // 更 改 字体 大 小 


| 


if ( CheckBoxListl. Items| 1 |. Selected) / AE T t t o n 
| 
Labell. Font. Size = FontUnit. XLarge; // 更 改 字体 大 小 


| 
if ( CheckBoxListl. Items| 2 |. Selected) 


| 
Labell. Font. Size = FontUnit. XSmall ; 


j 
在 上 述 代码 中 ，CheckBoxListl. Items [0]. Selected 是 用 来 判断 某 项 是 否 被 选中 ， 其 中 


Items 数组 是 复 选 组 控件 中 项 目的 集合 ， 其 中 Items [0] 是 复 选 组 中 的 第 一 个 项 目 。 上 述 代 
码 用 来 修改 字体 的 大 小 ， 如 图 3-11 所 示 ; 当选 择 不 同 的 选项 时 ， 字 体 的 大 小 也 不 相同 ， 运 
了 结果 如 图 3-12 所 示 。 


2 页 1 AY 和 页 
ev tp: floc... AEA f Live Se c yr 
© JAR © 


vr HE Emna wkk — 仿 无 标题 页 


Label 
Label l Choosel 


Iv Choosel T Choose2 
口 Choose2 Iv Choose3 


[^ Choose3 


gl [^ 
| 图 Internet | 保护 模式 : 禁用 [R108 > 7 | | Internet | 保护 模式 : 禁用 [R108 > 7 


图 3-11 选择 出 现 大 号 字体 图 3-12 ”选择 出 现 小 号 字体 


正如 图 3-11、 图 3-12 所 示 ， 当 用 户 选 择 不 同 的 选项 时 ，Label 标签 字体 的 大 小 会 随 之 
ICE 

注意 : 复 选 组 控件 与 单 选 组 控件 不 同 的 是 ， 不 能 够 直接 获取 复 选 组 控件 某 个 选中 项 目的 
值 ， 因 为 复 选 组 控件 返回 的 是 第 一 个 选择 项 的 返回 值 ， 只 能 够 通过 Items 集合 来 获取 选择 某 
个 或 多 个 选中 的 项 目 值 。 


3.7 列表 控件 


在 Web 开发 中 ,经营 会 需要 使 用 列表 控件 ， 让 用 户 的 输入 更 加 简单 。 例 如， 在 用 户 注 
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及 时 ， 用 户 的 所 在 地 是 有 限 的 集合 ， 而 且 用 户 不 可 欢 经 常人 键入， 这样 就 可 以 使 用 列表 控件 。 
癌 样 列表 控件 还 能 够 催化 用 户 输入 并 且 防 止 用 忆 输 入 在 实际 中 不 存在 的 数据 ， 如 性 别 的 选 
择 等 。 


3.7.1 列表 控件 DropDownList 


列表 控件 DropDownList 能 在 一 个 控件 中 为 用 户 提 供 多 个 选项 ， 同 时 又 能 够 避免 用 户 输入 
错误 的 选项 。 例 如 ， 在 用 户 注 册 时 ， 可 以 选择 性 别 是 男 或 者 女 ， 就 可 以 使 用 DropDownList 列 
表 控 件 ， 同 时 又 避免 了 用 户 输入 其 他 的 信息 。 因 为 性 别 除了 男 就 是 女 ， 输 入 其 他 的 信息 说 明 
这 个 信息 是 错误 或 者 是 无 效 的。 下 列 语句 声明 了 一 个 DropDownList 列表 控件 ,示例 代码 
如 下 : 


< asp : DropDownList ID =" DropDownListl" runat = " server" > 


< asp: Listltem > 1 «€ /asp: Listltem > 
< asp: Listltem » 2 < /asp: Listltem > 
< asp: Listltem >3 < /asp: Listltem > 
< asp: Listltem » 4 < /asp: Listltem > 
< asp; Listltem » 5 « /asp : Listltem > 
< asp: Listltem » 6 « /asp: Listltem > 
< asp: Listltem > 7 < /asp: Listltem > 
< /asp : DropDownList > 
上 述 代码 创建 了 一 个 DropDownList 列表 控件 ， 并 手动 增加 了 列表 项 。 同 时 DropDownList 
列表 控件 也 可 以 绑 定 数据 源 控件 。DropDownList 列表 控件 最 常用 的 事件 是 SelectedIndex- 
Changed, ， 当 DropDownList 列表 控件 选择 项 发 生变 化 时 ， 则 会 触发 该 事件 。 示 例 代 人 码 如 下 . 
protected void DropDownListl, SelectedIndexChangedl ( object sender, EventArgs e) 


| 


Labell. Text = 你 选择 了 第 " + DropDownList1. Text +" 项 " ; 
| 
上 上 述 代码 中 ， 当 选择 的 项 目 发 生变 化 时 则 会 触发 该 事件 ， 如 图 3-13 所 示 。 当 用 户 再 次 
进行 选择 时 ， 系 统 会 将 更 改 标签 1 中 的 文本 ， 如 图 3-14 所 示 。 
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图 3-13 ”选择 第 三 项 
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图 3-14 ”选择 第 一 项 


当 用 户 选 择 相应 的 项 目 时 ， 就 会 触发 SelectedIndexChanged 事件 ， 开 发 人 员 可 以 通过 捕捉 
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相应 的 用 户 选 中 的 控件 进行 编程 处 理 ， 这 里 就 捕捉 了 用 户 选择 的 数字 进行 字体 大 小 的 更 改 。 
3.7.2 列表 控件 ListBox 


相对 于 DropDownList 控件 而 言 ，ListBox 控件 可 以 指定 用 户 是 否 允 许多 项 选择 。 设 置 Se- 
lectionMode 属性 为 Single 时 ， 表 明 只 允许 用 户 从 列表 框 中 选择 一 个 项 目 ， 而 当 SelectionMode 
属性 的 值 为 Multiple 时 ， 用 户 可 以 按 住 < Cul > 键 或 者 使 用 < Shift > 组 合 键 从 列表 中 选择 多 
个 数据 项 。 当 创建 一 个 ListBox 列表 控件 后 ， 开 发 人 员 能 够 在 控件 中 添加 所 需 的 项 目 ， 添 加 
完成 后 示例 代码 如 下 : 


< asp: ListBox ID =" ListBox1" runat =" server" Width ="137px" AutoPostBack = " True" > 


< asp: Listltem > 1 < /asp: Listltem > 
< asp: Listltem » 2 < /asp: Listltem > 
< asp: Listltem » 3 « /asp: Listltem > 
< asp: Listltem » 4 « /asp: Listltem > 
< asp: Listltem > 5 < /asp: Listltem > 
< asp: Listltem > 6 « /asp: Listltem > 
< /asp: ListBox > 
从 结构 上 看 ， 列 表 控 件 ListBox 的 HTML 样式 代码 和 DropDownList 控件 十 分 相似 。 同 样 ， 
SelectedIndexChanged 也 是 列表 控件 ListBox 中 最 常用 的 事件 ， 双 击 列 表 探 件 ListBox， 系 统 会 
自动 生成 相应 的 代码 。 同 样 ， 开 发 人 员 可 以 为 ListBox 控件 中 的 选项 改变 后 的 事件 进行 编程 
处 理 。 示 例 代码 如 下 : 
protected void ListBox1, SelectedIndexChanged ( object sender, EventArgs e) 
| 
Labell. Text = "你 选择 了 第 " + ListBoxl. Text + " Jii" ; 
| 
上 述 代 人 码 中 ， 当 ListBox 控件 选择 项 发 生 改 变 后 ， 该 事件 就 会 被 触发 并 修改 相应 Label 
标签 中 文本 ， 如 图 3-15 所 示 。 
上 面 的 程序 同样 实现 了 DropDownList 中 程序 的 效 来 。 不 同 的 是 ， 如 末 需 要 实现 让 用 户 选 
择 多 个 ListBox 项 ， 只 需要 设置 SelectionMode 属性 为 “Multiple” 即 可 ， 如 图 3-16 所 示 。 
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图 3-15 BRE. ListBox 控件 选择 项 图 3-16  SelectionMode 属性 
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当 设 置 了 SelectionMode 属性 后 ， 用 户 可 以 按 住 < Cul > 键 或 者 使 用 < Shift > 组 合 键 选 择 
多 项 。 同 样 ， 开 发 人 员 也 可 以 编写 处 理 选 择 多 项 时 的 事件 。 示 例 代码 如 下 . 
protected void ListBox1. SelectedIndexChangedl ( object sender, EventArgs e) 


| 
Labell. Text + =" ,你 选择 了 第 " + ListBoxl. Text + "项 "， 


| 
上 述 代码 使 用 了 “+ =” 运 算 和 从 ， 在 触发 SelectedIndexChanged 事件 后 ， 应 用 程序 将 为 
Labell 标签 赋值 ， 如 图 3-17 所 示 。 用 户 每 选 一 项 的 时 候 ， 就 会 触发 该 事件 ， 如 图 3-18 所 示 。 


Labell, 你 选择 了 第 2 项 , 你 选择 了 第 2 项 


Labell, 你 选择 了 第 3 项 , 你 选择 了 第 4 项 


图 3-17 PENR 图 3-18 多 选 效果 


从 运行 结 末 可 以 看 出 ， 当 单 选 时 ， 选 择 项 返回 值 和 选择 的 项 相同 ， 而 当选 择 多 项 的 时 候 ， 
返回 值 同 第 一 项 相同 。 所 以 ， 在 选择 多 项 时 ， 也 需要 使 用 ems 集合 获取 和 抽 有 历 多 个 项 目 。 


3.7.3 列表 控件 BulletedList 


列表 控制 BulletedList 与 上 述 列表 控件 不 同 的 是 ，BulleteList 控件 可 呈现 项 目 符 号 或 编 
号 。 对 BulleteList 属性 的 设置 为 呈现 项 目 符号 ， 则 当 BulletedList 被 呈现 在 页 面 时 ， 列 表 前 端 
则 会 显示 项 目 符号 或 者 特殊 符号 ， 效 果 如 图 3-19 所 示 。 EEC ziBixi 

BulletedList 可 以 通过 设置 BulletStyle 属性 来 编辑 列 FO cfe m alli pes 
表 前 的 符号 样式 ， 常 用 的 BulletStyle M HAEA ERR omes 
如 下 : 

B Circle， 项 目 符 号 设置 为 O 〇 。 

Bl CustomImage， 项 目 符号 为 目 定 义 图 片 。 

B Disc, SH 件 号 设置 为 @， 

Bl LowerAlpha, 项 目 符号 为 小 写字 母 格 式 ， 如 a, 
b、c 等 。 

Bl LowerRoman, 项 目 符 号 为 罗马 数字 格式 ， 如 i、 
ER EEN. EEE E EE E 

BE NotSet ， 表 示 不 设置 ， 此 时 将 以 Dise 样式 为 默认 图 3-19 BulletedList 5j zn XR. 
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BI Numbered， 项 目 符 号 为 1、2、3 、4 等 。 

B Square, H HFS ARTIR., 

Bl UpperAlpha， 项 目 符 号 为 大 写字 母 格 式 ， 如 A、B、C 等 。 

BI UpperRoman, M HT ZAUKUWEgACENMI, UI. mE. He 

同样 BulletedList 控件 也 同 DropDownList 及 ListBox 控件 一 样 可 以 添加 事件 。 不 同 的 
是 生成 的 事件 是 Click 事件 。 示 例 代 码 如 下 : 

protected void BulletedListl_Click( object sender, BulletedListEventArgs e) 


| 


Labell. Text + =" ,你 选择 了 第 " + BulletedListl. Items| e. Index |. ToString( ) +" Ji" ; 
|j 
DropDownList 和 ListBox Æ 成 的 事件 是 SelectedIndexChanged , 当 其 中 的 选择 项 被 改变 时 ， 
则 触发 该 事件 。 而 BulletedList 控件 生成 的 事件 是 Click ， 用 于 在 其 中 提供 逻辑 以 执行 特定 的 
应 用 程序 任务 。 


3.8 面板 控件 


面板 控件 Panel 束 好 像 是 一 些 控件 的 容 带 ， 可 以 将 一 些 控件 包含 在 面板 控件 内 ， 然 后 对 
面板 控制 进行 操作 来 设置 在 面板 控件 内 的 所 有 控件 是 显示 还 是 隐藏 ， 从 而 达到 设计 者 的 特殊 
目的 。 当 创建 一 个 面板 控件 时 ， 系 统 会 生成 相应 的 HTML 代码 。 示 例 代 码 如 下 : 


<asp:Panel ID = " Panell" runat = " server" > 


« /asp ; Panel » 
TÉ c PF BS HII B SC zs X e — 2H Ts TF, zB HTML 代码 如 下 : 
< form id = "forml" runat = " server" > 
< asp; Button ID =" Buttonl" runat = " server" Text = "Show" / > 
< asp ; Panel ID 2 " Panell" runat =" server" Visible =" False" > 
< asp : Label ID =" Labell" runat = " server" Text =" Name:" style = " font-size; xx- 
large" > «/asp:Label > 
< asp: TextBox ID = " TextBox1" runat 2 "server" > </asp: TextBox > 
<br/> 
This is a Panel! 
< /asp ; Panel > 
< / form > 
上 上述 代码 创建 了 一 个 Panel 控件 ，Panel 控件 默认 属性 为 隐藏 ， 并 在 控件 外 创建 了 一 个 
Button 控件 Buttonl ， 当 用 户 单 击 外 部 的 按钮 控件 后 将 显示 Panel F, cs 代码 如 下 . 
protected void Buttonl_Click( object sender, EventArgs e) 


| 


Panell. Visible = true; // Panel 控件 显示 可 见 
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当 页 面 初次 被 载 人 时 ，Panel 控件 以 及 Panel 控件 内 部 的 服务 器 控件 都 为 隐藏 ， 如 图 3- 
20 所 示 。 当 用 户 单 击 Buttonl AF, MI) Panel 控件 可 见 性 为 可 见 ， 则 页 面 中 的 Panel 控件 以 及 
Panel 控件 中 的 所 有 服务 需 控件 也 都 为 可 见 ， 如 图 3-21 所 示 。 
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图 3-20 Panel 控件 隐藏 图 3-21 Panel 控件 可 见 


将 TextBox 控件 和 Button 控件 放 到 Panel 控件 中 ， 可 以 为 Panel 控件 的 DefaultButton 属 
性 设置 为 面板 中 某 个 按钮 的 ID 来 定义 一 个 上 默认 的 按钮 。 当 用 户 在 面板 中 输入 完毕 ， 可 以 
直接 按 < Enter > 键 来 传送 表单 。 并 且 ， 当 设置 了 Panel 控件 的 高 度 和 宽度 时 ， 当 Panel 控 
件 中 的 内 容 高 度 或 宽度 超过 时 ， 还 能 够 目 动 出 现 — -EE - Tindors Internet Explorer 


DI CAM ET 
Panel 控件 还 包含 一 个 GroupText 属 性 ， = - 


Panel 控件 的 GroupText 属性 被 设置 时 ，Panel 将 会 Iove C£ 

被 创建 一 个 带 标题 的 分 组 框 ， 效 果 如 图 3-22 所 示 。 Name: 
GroupText 属性 能 够 进行 Panel 控件 的 样式 呈 

M, 通过 编写 GroupText 属性 能 够 更 加 清晰 地 让 用 

户 了 解 Panel 控件 中 服务 硕 控 件 的 类 别 。 例 如 ， 当 


有 一 组 服务 硕 用 于 填写 用 户 的 信息 时 ， 可 以 将 gi 
M 4— ov ` Yn Internet xh: $ ® 100% ~ 7 
Panel 控件 的 GroupText 属性 编写 成 为 “用 户 信 RE 


> ] ir Y > n Y. ga 3-22 Panel 控件 的 GroupText JB’ 
息 ”， 让 用 户 知 道 该 区 域 是 用 于 填写 用 户 信 息 的 。 s 控件 的 GroupText 属性 


3.9 上 下 位 控件 


在 传统 的 ASP 开发 中 ,， 通 稼 在 开发 页 面 的 时 候 ， 每 个 页 面 有 很 多 相同 的 元 和 水， 如 导航 
Fi. GIF 图 片 等 。 使 用 ASP 进行 应 用 程序 开发 通常 使 用 include 语句 在 各 个 页 面包 含 其 他 页 
面 的 代码 ， 这 样 的 方法 虽然 解决 了 相同 元 系 的 很 多 问题 ， 但 是 代码 不 够 美观 ， 而 且 时 御 会 出 
现 问题 。ASP. NET 中 可 以 使 用 占 位 控件 PlaceHolder 来 解决 这 个 问题 ， 与 面板 控件 Panel 控 
件 相 同 的 是 ， 占 位 控件 PlaceHolder 也 是 控件 的 容 右 ,但 是 在 HTML 页 面 呈 现 中 本 里 并 不 产 
^E HTML, 创建 一 个 PlaceHolder 控件 代码 如 下 : 

< asp; PlaceHolder ID = " PlaceHolderl" runat =" server" > </asp:PlaceHolder > 


在 cs 页 面 中 ， 人 允许 用 户 动 态 地 在 PlaceHolder 上 创建 控件 ，cs 页 面 代 码 如 下 . 
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protected void Page_Load( object sender, EventArgs e) 


| 


TextBox text = new TextBox( ) ; // 创 建 一 个 TextBox XJ 2 
text. Text =" NEW" ; 
this. PlaceHolderl. Controls. Add( text) ; // 为 占 位 控件 动态 增加 一 个 控件 


上 述 代 人 码 动 态 地 创建 了 一 个 TextBox 控件 并 显示 在 占 位 控件 中 ,运行 效果 如 图 3-23 
所 未。 


后 无 标题 页 — Windows Internet Explorer ] -10| x| 


eo e n eJ http://loc. T 


wu Eman 


zi 
[| [二 Internet | 保护 模式 :禁用 [R20 > 5 
图 3-23 PlaceHolder 控件 的 使 用 


开发 人 员 不 仅 能 人 够 通过 编程 在 PlaceHolder 控件 中 添加 控件 ， 开 发 人 员 同 样 可 以 在 Place- 
Holder 控件 中 拖 动 相应 的 服务 硕 控 件 进行 控件 呈现 和 分 组 。 


3.10 日历 控件 


在 传统 的 Web 开发 中 ， 日 历 是 最 复杂 也 是 最 难 实现 的 功能 ， 好 在 ASP. NET 中 提供 了 强 
大 的 日 历 控 件 Calendar 来 简化 日 历 探 件 的 开发 。 日 历 探 件 能 够 实现 日 历 的 翻 页 、 日 历 的 选取 
及 数据 的 绑 定 。 开 发 人 员 能 够 在 博客 、OA 等 应 用 的 开发 中 使 用 日 历 控件 从 而 减少 日 历 应 用 
的 开发 。 


3.10.1 日 历 控 件 的 样式 


日 历 控 件 通 稍 在 博客 、 论 坛 等 程序 中 使 用 ， 日 历 控 件 不 仅 显 示 了 一 个 日 历 ， 用 户 还 能 够 
通过 日 历 控件 进行 时 间 的 选取 。 在 ASP. NET 中 ， 日 历 控件 还 能 够 和 数据 库 进 行 交 互 操 作 ， 
实现 复杂 的 数据 绑 定 。 开 发 人 员 能 够 将 日 历 控 件 拖 动 在 主 窗口 中 ,在 主 窗 口 的 代码 视图 下 会 
自动 生成 日 历 控件 的 HTML 代码 。 示 例 代码 如 下 : 

< asp: Calendar ID =" Calendarl" runat =" server" > </asp:Calendar > 

ASP. NET 通过 上 述 简单 的 代码 就 创建 了 一 个 强大 的 日 历 控 件 ， 其 运行 效果 如 图 3-24 
所 未 。 

日 历 控 件 通 常用 于 显示 日 历 ， 日历 控 件 允 许 用 户 选 择 日 期 和 移动 到 下 一 页 或 上 一 页 。 通 
过 设置 日 历 控 件 的 属性 ， 可 以 更 改 日 历 控 件 的 外 观 。 淄 用 的 日 历 控件 的 属性 如 下 : 

Bl DayHeaderStype, 日 历 中 显示 一 周 中 每 一 天 的 名 称 和 部 分 的 样式 。 
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ix 
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图 3-24 日 历 控件 运行 效果 


BI DayStyle， 所 显示 的 月 份 中 各 天 的 样式 。 

BE NextPrevStyle， 标 题 栏 左右 两 端的 月 导航 所 在 部 分 的 样式 。 

Bl OtherMonthDayStyle， 上 一 个 月 和 下 一 个 月 的 样式 。 

Bl SelectedDayStyle， 选 定 日 期 的 样式 。 

Bl SelectorStyle， 位 于 日 历 控件 左 侧 ， 包 含 用 于 选择 一 周 或 整个 月 的 连接 的 列 样式 。 

Bl ShowDayHeader， 显 示 或 隐藏 一 周 中 的 每 一 天 的 部 分 。 

Bl ShowCridLines， 显 示 或 隐藏 一 个 月 中 的 每 一 天 之 间 的 网 格 线 。 

BI ShowNextPrevMonth, ， 显 示 或 隐藏 到 下 一 个 月 或 上 一 个 月 的 导航 控件 。 

BI ShowTitle ， 显 示 或 隐藏 标题 部 分 。 

BI TitleStyle， 位 于 日 历 顶 部 ， 包 含 月 份 名 称 和 月 导航 连接 的 标题 栏 样式 。 

BI TodayDayStyle， 当 前 日 期 的 样式 。 

Bl WeekendDayStyle， 周 末日 期 的 样式 。 

Visual Studio 还 为 开发 人 员 提 供 了 默认 的 日 历 样 式 ， 从 而 能 够 选择 目 动 套用 格式 进行 样 
式 控制 ， 如 图 3-25 所 示 。 


自动 套用 格式 
选择 架构 (8): 


图 3-25 ”使 用 系统 样式 
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除了 上 述 样 式 可 以 设置 以 外 ，ASP. NET ANHE EHT ETER, EFRA) 
置 样式 非常 困难 ， 则 可 以 使 用 系统 默认 的 样式 进行 日 历 控件 的 样式 呈现 。 


3.10.2 日 历 控件 的 事件 


间 所 有 的 控件 相同 ， 日 历 控件 也 包含 目 续 的 事件 ， 篆 用 的 日 历 控件 的 事件 包括 : 
DayRender， 当 日 期 被 显示 时 触发 该 事件 。 

SelectionChanged， 当 用 户 选 择 日 期 时 触发 该 事件 。 

VisibleMonthChanged ， 当 所 显示 的 月 份 被 更 改 时 触发 该 事件 。 


在 创建 日 历 控件 中 每 个 日 期 单元 格 时 ， 则 会 触发 DayRender 事件 。 当 用 户 选 择 日 历 中 的 
日 期 时 ， 则 会 触发 SelectionChanged 事件 。 同 样 ， 当 双击 日 历 控 件 时 ,会 日 动 生成 该 事件 的 代 
人 码 块 。 当 对 当前 月 份 进行 切换 ， 则 会 激发 VisibleMonthChanged 事件 。 开 发 人 员 可 以 通过 一 个 标 


签 来 接收 当前 事件 ， 当 选择 日 历 中 的 某 一 天 ， 则 此 标签 显示 当前 日 期 。 示 例 代码 如 下 : 
protected void Calendarl_SelectionChanged( object sender, EventArgs e) 
| 
Labell. Text = 
"现在 的 时 间 是 :" + Calendarl. SelectedDate. Year. ToString( ) + "年" 
+ Calendarl. SHE RED Month. ToString( ) +" 月 
"dun 


+ Calendarl. SelectedDate. Day. ToString( ) + 
+ Calendarl. SelectedDate. Hour. ToString( ) +" Ñ"; 


| 


在 上 述 代 码 中 ， 当 用 户 选择 了 日 历 中 的 某 一 天 时 ， 则 标签 中 的 文本 会 变 为 当前 的 日 期 文 
本 ， 如 “现在 的 时 间 是 xx” 之 类 。 在 进行 逻辑 编程 的 同时 ， 也 需要 对 日 历 控件 的 样式 做 稍 


许 更 改 。 日 历 控 件 的 HTML 代码 如 下 : 
<asp:Calendar ID =" Calendarl" runat =" server" BackColor = " #FFFFCC" 
BorderColor = " #FFCC66" BorderWidth =" 1px" DayNameFormat = " Shortest" 


Font-Names = " Verdana" Font-Size = "8pt" ForeColor = " #663399" Height = "200px" 


onselectionchanged = " Calendarl SelectionChanged" ShowGridLines = " True" 
Width = "220px" > 

< SelectedDayStyle BackColor = " £CCCCFF" Font-Bold =" True" / > 

< SelectorStyle BackColor = " £RFFCC66" / > 

< TodayDayStyle BackColor = " #FFCC66" ForeColor = " White" / > 

< OtherMonthDayStyle ForeColor = " 2CC9966" /> 

< NextPrevStyle Font-Size = "9pt" ForeColor = " #FFFFCC" / > 


< DayHeaderStyle BackColor = "#FFCC66" Font-Bold 2" True" Height 2" 1px" / > 


< TitleStyle BackColor = " #990000" Font-Bold = " True" Font-Size = "9pt" 
ForeColor = " #FFFFCC" / > 
« /asp : Calendar > 


上 述 代 码 中 的 日 历 控件 选择 的 是 ASP. NET 的 默认 样式 ， 如 图 3-26 所 示 。 当 确定 了 日 历 
控件 样式 后 ， 并 编写 了 相应 的 SelectionChanged 事件 代码 后 ， 束 可 以 通过 日 历 控 件 获取 当前 
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时 间 ， 或 者 对 当前 时 间 进 行 编程 ， 如 图 3-27 所 示 。 

可 本 
GEY * || http://loc... 区 加 | 国 E3 Ey Live Searc 
3 收藏 只 。 (Bins 


Qo = [E] tasca e] 加 | 国 [xx] f Live sene 


wr 收藏 夹 Ena 


< 2008 年 9 月 > 
日 二 旗下 三 Bu A 
31|1|2]|3]|4]|S5 
Z 8 |9 |10,|11]| 12 | 13 
i4 | 15 | 16 | 17 | 18 | 19 | 20 
21 |22 |23 25 | 26 | 27 
28 30 4 


请 选择 当前 时 间 现在 的 时 间 是 :2008 年 9 月 24 号 0 点 
E [^| 
I e Internet | 悍 护 模式 : 禁用 [S 100% v f I e Internet | 和 悍 护 模式 : 盐 用 [ & 100% v 2 
图 3-26 日 历 控件 图 3-27 选择 一 个 日 期 


3.11 广告 控件 


ASP. NET 为 开发 人 员 提 供 了 广告 控件 ， 可 为 页 面 在 加 载 时 提供 一 个 或 一 组 广告 。 广 告 
控件 可 以 从 固定 的 数据 源 中 该 取 (如 XML 或 数据 源 控 件 ) ， 并 从 中 目 动 谈 取 出 广告 信息 。 
当 页 面 每 刷新 一 次 时 ， 广 告 显 示 的 内 容 也 同样 会 被 刷新 。 

广告 控件 必须 放置 在 Form 或 Panel 控件 及 模板 内 。 广 告 控件 需要 包含 图 像 的 地 址 的 
XML 文件 ， 并 旦 该 文件 用 来 指定 每 个 广告 的 导航 连接 。 广 告 控 件 最 常用 的 属性 就 是 Adver- 
tisementFile， 使 用 它 来 配置 相应 的 XML 文件 ， 所 以 必须 首先 按照 标准 格式 创建 一 个 XML X 
件 ， 如 图 3-28 所 示 。 
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图 3-28 创建 一 个 XML 文件 


创建 了 XML 文件 之 后 ， 开 发 人 员 并 不 能 按照 上 自己 的 意愿 进行 XML 文档 的 编写 ， 如 有 果 要 
正确 地 被 广告 控件 解析 形成 广告 ,就 需要 按照 广告 控件 要 求 的 标准 的 XML 格式 来 编写 代码 ， 
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示例 代码 如 下 : 
<? xml version 2" 1. 0" encoding 2" utf-8" ? > 
« Advertisements > 
| «Ad» 
< ImageUrl > « /ImageUrl > 
< NavigateUrl > « /NavigateUrl > 
| < OptionalImageUrl > « /OptionallmageUrl > | * 
| < OptionalNavigateUrl > « /OptionalNavigateUrl > | * 
< AlternateText > « / AlternateText > 
« Keyword » «/Keyword » 
< Impression > « /Impression > 
«/Ad» |* 
« / Advertisements » 
上 述 代码 实现 了 一 个 标准 的 广告 控件 的 XML 数据 源 格式 ， 其 中 各 标签 意义 如 下 : 
BI ImageUrl: 指定 一 个 图 所 文件 的 相对 路 径 或 绝对 路 径 ， 当 没有 ImageKey 元 素 与 Op- 
tionalImageUrl 匹配 时 则 显示 该 图 片 。 
BE NavigateUrl; 当 用 户 单 击 广 告 时 单 没有 NaivigateUrlKey JL 5j OptionalNavigateUrl 元 
素 匹 配 时 ， 会 将 用 户 发 送 到 该 页 面 。 
Bl OptionalImageUrl: 指定 一 个 图 片 文件 的 相对 路 径 或 绝对 路 径 ， 对 于 ImageKey 7628 3 
OptionalImageUrl 匹配 时 则 显示 该 图 厂 。 
Bl OptionalNavigateUrl; 当 用 户 单 击 广告 时 单 有 NaivigateUrlKey 75 28 Ej OptionalNaviga- 
teUrl 元 素 匹 配 时 ， 会 将 用 户 发 送 到 该 页 面 。 
Bl AlternateText: 该 元 素 用 来 将 代 IMG 中 的 ALT ICR., 
BI Key Word; KeyWord 用 来 指定 广告 的 类 别 。 
Bl impression: 该 元 素 是 一 个 数值 ， 指 示 轮 换 时 间 表 中 该 广告 相对 于 文件 中 的 其 他 广告 
的 权重 。 
当 创 建 了 一 个 XML 数据 源 之 后 ， 束 需要 对 广告 控件 的 AdvertisementFile 进行 更 改 ， 如 图 
3-29 所 示 。 


选择 NL 文件 | 下 又 | 
MAXHE F): 文件 来 内 容 C): 
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CERT App Data 
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图 3-29 指定 相应 的 数据 源 
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配置 好 数据 源 之 后 ， 就 需要 在 广告 控件 的 数据 源 XML 文件 中 加 入 目 己 的 代码 了 ，XML 


广告 文件 示例 代码 如 下 : 


<? xml version 2" 1. 0" encoding 2" utf-8" ? > 


« Advertisements » 


< Ad > 


< ImageUrl > http://www. shangducms. com/ images/ cms. jpg </ImageUrl > 


< NavigateUrl > http :// www. shangducms. com < / NavigateUrl > 


< AlternateText > 我 的 网 站 « / AlternateText > 


« Keyword > software « /Keyword > 
< [Impression > 100 « /Impression > 
«/ Ad » 

< Ad» 


< ImageUrl > http://www. shangducms. com/1mages/ hello. jpg < /ImageUrl > 


< NavigateUrl > http://www. shangducms. com < / NavigateUrl > 
« AlternateText > 我 的 网 站 « / AlternateText > 


< Keyword > software </Keyword > 
< [Impression > 100 < / Impression > 


«/ Ad » 
< / Advertisements > 


运行 程序 ， 广 告 对 应 的 图 像 在 页 面 每 次 加 载 的 时 候补 呈现 ， 如 图 3-30 所 示 。 页 面 每 次 
刷新 时 ， 广 告 控件 呈现 的 广告 内 容 都 会 被 刷新 ， 如 图 3-31 所 示 。 
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图 3-30 ”一 个 广告 被 呈现 


3.12 文件 上 传 控 件 
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图 3-31 刷新 后 更 换 广 告 内 容 


在 网 站 开发 中 ， 如 于 需 要 加 强 用 户 与 应 用 程序 之 间 的 交互 ， 就 需要 上 传 文件 。 例 如 在 论 
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坛 中 ， 用 户 需要 上 传 文件 分 享 信息 或 在 博客 中 上 传 视 频 分 有 享 快 乐 等 。 上 传 文件 在 ASP 中 是 
一 个 复杂 的 问题 ， 需 要 通过 组 件 才能 够 实现 文件 的 上 传 。 在 ASP. NET 中 ， 开 发 环境 默认 地 
提供 了 文件 上 传 控 件 FileUpload 来 简化 文件 上 传 的 开发 。 当 开发 人 员 使 用 文件 上 传 控 件 时 ， 
将 会 显示 一 个 文本 框 ， 用 户 可 以 键入 或 通过 “浏览 ”按键 浏览 和 选择 希望 上 传 到 服务 右 的 
文件 。 创 建 一 个 文件 上 传 控件 系统 生成 的 HTML 代码 如 下 。 

< asp: FileUpload ID = " FileUploadl" runat = " server" / > 

文件 上 传 控 件 可 视 化 设置 属性 较 少 ， 大 部 分 部 是 通过 代码 控制 完成 的 。 当 用 户 选 择 了 一 
个 文件 并 提交 页 面 后 ， 该 文件 作为 请 求 的 一 部 分 上 传 ， 文 件 将 被 完整 地 绥 存 在 服务 融 内 存 
中 。 当 文件 完成 上 传 ， 页 面 才 开始 运行 ， 在 代码 运行 的 过 程 中 ， 可 以 检查 文件 的 特征 ， 然 后 
保存 该 文件 。 同 时 ， 上 传 控件 在 选择 文件 后 ， 并 不 会 立即 执行 操作 ， 需 要 其 他 的 控件 来 完成 
操作 ， 例 如 按钮 控件 〈Button) 。 实 现 文件 上 传 的 HTML 核心 代码 如 下 : 

< body > 


< form id =" forml" runat = " server" > 


< div > 
< asp: FileUpload ID =" FileUploadl" runat 2 " server" / > 


< asp: Button ID =" Button1” runat = "server" Text =" 选择 好 了 ， Bu 
</div > 


</form > 
</body > 
上 述 代 人 码 通 过 一 个 Button 控件 来 操作 文件 上 传 控 件 ， 当 用 户 单 击 按钮 控件 后 就 能 够 将 
上 传 控 件 中 选中 的 控件 上 传 到 服务 右 空 间 中 ， 示 例 代码 如 下 : 
protected void Buttonl_Click( object sender, EventArgs e) 


| 


FileUploadl. PostedFile. SaveAs( Server. MapPath ( " upload/beta. jpg" ) ) ;上 传 文件 另存 为 
| 


上 述 代码 将 一 个 文件 上 传 到 了 upload 文件 夹 内 ， 并 你 存 为 jpg 格式 ， 如 图 3-32 所 示 。 打 
开 服 务 融 文件 ， 可 以 看 到 文件 已 经 上 传 了 ， 如 图 3-33 所 示 。 
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图 3-32 上传 文件 图 3-33 ”文件 已 经 被 上 传 
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上 述 代 码 将 文件 你 存在 UPLOAD 文件 夹 中 ， 并 保存 为 JPG 格式 。 但 是 通常 情况 下 ， 用 
户 上 传 的 并 不 全 部 都 是 JPG 格式 ， 也 有 可 能 是 DOC 每 其 他 格式 的 文件 ， 在 这 上 段 代码 中 ， 并 
没有 对 其 他 格式 进行 处 理 而 全 部 保存 为 了 JPG 格式 。 同 时 ， 也 没有 对 上 传 的 文件 进行 过 滤 ， 
存在 看 极 大 的 安全 风险 ， 开 发 人 员 可 以 将 相应 的 文件 上 传 的 cs 更改， 以便 限制 用 户 上 传 的 
文件 类 型 ， 示 例 代 码 如 下 : 

protected void Buttonl_Click( object sender, EventArgs e) 


| 


if ( FileUploadl. HasFile) // 如 采 存 在 文件 
| 


string fileExtension = System. IO. Path. GetExtension( FileUploadl. FileName ) ; 


//[ 获 取 文 件 扩展 各 
if ( fileExtension ! =". jpg" ) /如 末 扩 展 名 不 等 于 jpg 时 
| 


Labell. Text = " 文件 上 传 类 型 不 正确 ,请 上 传 jpg 格式 " ; 
// 提 示 用 户 重新 上 传 


else 


FileUploadl. PostedFile. SaveAs( Server. MapPath( " upload/beta. jpg" ) ) ; 


// 文 件 保存 
Labell. Text = "文件 上 传 成 功 " ; /提示 用 户 成 功 


| 

上 上 述 代码 中 决定 了 用 户 只 能 上 传 JPG 格式 ， 如 果 用 户 上 传 的 文件 不 是 JPG 格式， 那么 
用 户 将 被 提示 上 传 的 文件 类 型 有 误 并 停止 用 户 的 文件 上 传 ， 如 图 3-34 所 示 。 如 果 文 件 的 类 
型 为 JPG 格式 ， 用 户 就 能 够 上 传 文件 到 服务 帮 的 相应 目录 中 ， 运 行 上 传 控 件 进 行文 件 上 传 ， 
运行 结果 如 图 3-35 所 示 。 
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图 3-34 “文件 类 型 错误 图 3-35 “文件 类 型 正确 


60 ASP. NET 动态 网 站 开发 实战 教程 


值得 注意 的 是 ， 上 传 的 文件 在 . NET 中 ， 默 认 上 传 文件 最 大 为 4M 左右 ， 不 能 上 传 超过 
该 限制 的 任何 内 容 。 当 然 ， 开 发 人 员 可 以 通过 配置 . NET 相应 的 配置 文件 来 更 改 此 限制 ， 但 
是 推荐 不 要 更 改 此 限制 ， 否则 可 能 造成 潜在 的 安全 威胁 。 

注意 : 如 果 需 要 更 改 默 认 上 传 文件 大 小 的 值 ， 通 常 可 以 直接 修改 存放 在 Ci. \ WIN- 
DOWS Microsoft. NET V FrameWork V V2. 0. 50727 V CONFIG 的 ASP. NET 2.0 配置 文件 ， 通 
过 修改 文件 中 的 maxRequestLength 标签 的 值 ， 或 者 可 以 通过 web. config A sS BC EL SCIT, 


3.13 KIF 


在 ASP. NET 中 ， 也 提供 了 表 控 件 (Table) KRIEGEN 2m FEBUAETA RAS ATEN KPIT 
可 以 通过 TableRow 创建 ， 而 表 中 的 列 通过 TableCell 来 实现 ， 当 创建 一 个 表 欣 件 时 ， 系 统 生 
成 代码 如 下 : 
< asp: Table ID="Tablel" runat =" server" Height = "121px" Width =" 177px" > 
« /asp ; Table > 
上 述 代 码 目 动 生成 了 一 个 表 控 件 代 码 , 但 是 没有 生成 表 控 件 中 的 行 和 列 ， 必 须 通 过 Ta- 
bleRow 创建 行 ， 通 过 TableCell 来 创建 列 ， 示 例 代 人 码 如 下 所 示 : 
< asp: Table ID="Tablel" runat =" server" Height = "121px" Width =" 177px" > 
« asp : TableRow > 
< asp : TableCell » 1. 1 «/asp: TableCell > 
< asp : TableCell > 1. 2 < /asp:; TableCell > 
< asp : TableCell > 1. 3 € /asp; TableCell > 
< asp : TableCell > 1. 4 € /asp:; TableCell > 
« /asp:; TableRow > 


« asp : TableRow > 
< asp : TableCell » 2. 1 «/asp:; TableCell > 
< asp : TableCell » 2. 2 « /asp: TableCell > 
< asp : TableCell » 2. 3 « /asp : TableCell > 
< asp : TableCell » 2. 4 « /asp:; TableCell > 
< /asp : TableRow > 
« /asp: Table > 
上 述 代 码 创 建 了 一 个 两 行 四 列 的 表 ， 如 图 3-36 
所 未 。 DI |15 zu 
Table 控件 文 持 一 些 控制 整个 表 的 外 观 的 属性 ， 个 无 标题 页 
例如 字体 、 背 景 颜色 等 ， 如 图 3-37 所 示 。TableRow 
控件 和 TableCell 控件 也 支持 这 些 属性 ， 同 样 可 以 用 
来 指定 个 别 的 行 或 单元 格 的 外 观 ， 运 行 后 如 图 3-38 
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[4] 3-37 Table 的 属性 设置 图 3-38  TableCell 控件 的 属性 设置 


对 象 ，Table 控件 中 的 列 是 TableCell 对 象 。 可 以 声明 这 两 个 对 象 并 初始 化 ， 可 以 为 表 控 件 增 
加 行 或 列 ， 实 现 动 态 创 建 表 的 程序 ，HTML 核心 代码 如 下 : 


< body style = "font-style: italic" > 


< form id = "forml" runat ="server" > 
< div > 
<asp:Table ID 2 " Tablel" runat =" server" Height = "121px" Width = " 177px" 
BackColor = " Silver" > 
< asp : TableRow > 
< asp: TableCell > 1. 1 «/asp: TableCell > 
< asp: TableCell > 1. 2 < /asp: TableCell > 
< asp: TableCell > 1. 3 </asp:TableCell > 
< asp: TableCell BackColor = " White" > 1. 4 </asp :TableCell > 
< /asp: TableRow > 
< asp : TableRow > 
< asp: TableCell >2. 1 «/asp: TableCell > 
< asp: TableCell BackColor =" White" >2. 2 «/asp:TableCell > 
< asp : TableCell » 2. 3 € /asp ; TableCell > 
< asp: TableCell » 2. 4 < /asp:; TableCell > 
< /asp: TableRow > 
« /asp; Table > 
<br /> 
<asp:Button ID =" Buttonl" runat =" server" onclick =" Button1_Click”Text = 
"增加 一 行 " /> 
</div > 
« /form > 
< / body > 
上 述 代码 中 ， 创 键 了 一 个 两 行 一 列 的 表格 ， 同 时 创建 了 一 个 Button 按钮 控件 来 实现 增 
加 一 行 的 效果 ，es 核心 代码 如 下 : 


62 ASP. NET 动态 网 站 开发 实战 教程 


namespace 5 l4 
| 


public partial class _Default 


| 


: System. Web. UI. Page 


publie TableRow row 2 new TableRow( ) ; // 定 义 一 个 TableRow 对 象 
protected void Page. Load( object sender, EventArgs e) 


| 
| 


protected void Buttonl_Click( object sender, EventArgs e) 


| 


Tablel. Rows. Add( row) ; // 创 建 一 个 新 行 
for (inti20; i < 4; i++) 


// 遍 历 四 次 创建 新 列 
| 


TableCell cell = new TableCell( ) ; 


cell. Text = "3. " +i. ToString( ) ; 
row. Cells. Add( cell) ; 


// 定 义 一 个 TableCell 对 象 
// 编 写 TableCell 对 象 的 文本 
// 增 加 列 


| 


上 述 代码 动态 地 创建 了 一 行 ， 并 动态 地 在 该 行 创建 了 四 列 ， 如 图 3-39 所 示 。 单 击 “ 增 


加 一 列 ” 按 钮 ， 系 统 会 在 表格 中 创建 新 行 ， 运 行 效 果 如 图 3-40 所 示 。 
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图 3-40 动态 创建 行 和 列 
在 动态 创建 行 和 列 的 时 候 


， 也 能 够 修改 行 和 列 的 样式 等 属性 ， 创 建 自 定义 样式 的 表格 。 


通常 ， 表 不 仅 用 来 显示 表格 的 信息 ， 还 是 一 种 传统 的 布局 网 页 的 形式 ,创建 网 页 表格 有 如 下 
几 种 形式 : 
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B HTML 格式 的 表格 ， 如 «table > 标记 显示 的 静态 表格 。 

BI HtmlTable 控件 ， 将 传统 的 «table > 控件 通过 添加 runat = server 属性 将 其 转换 为 服务 
希 控 件 。 

Bl Table 表格 控件 ， 就 是 本 市 介绍 的 表格 控件 。 

虽然 创建 表格 有 以 上 3 种 创建 方法 ， 但 是 推荐 开发 人 员 使 用 静态 表格 时 ， 寿 不 需要 对 表 
格 做 任何 逻辑 事物 处 理 ， 最 好 使 用 HTML 格式 的 表格 ， 因 为 这 样 可 以 极 大 地 降低 页 面 逻辑 、 
增强 性 能 。 


3.14 EYF 


在 WinForm 开发 中 ， 安 装 程序 会 一 步 一 步 的 提示 用 户 安装 ,或 者 在 应 用 程序 配置 中 ， 
同样 也 有 向 导 提 示 用 户 ， 让 应 用 程序 安装 和 配置 变 得 更 加 地 简单 。 与 之 相同 的 是 ,在 
ASP. NET 中 ， 也 提供 了 一 个 癌 导 控件 ,便于 在 搜集 用 户 信 息 或 提示 用 户 填 写 相 关 的 表单 时 
使 用 。 


3.14.1 问 导 控件 的 样式 
当 创 建 了 一 个 回 导 控件 时 ， 系 统 会 自动 生成 回 导 欣 件 的 HTML 代码 ， 示 例 代 码 如 下 : 


< asp : Wizard ID =" Wizardl" runat = " server" > 


< WizardSteps > 
< asp : WizardStep runat = " server" title =" Step 1" > 
< /asp : WizardStep > 
< asp : WizardStep runat = " server" title =" Step 2" > 
« /asp : WizardStep > 
« / WizardSteps > 
< /asp : Wizard > 
上 述 代 码 生 成 了 Wizard 控件 ， 并 在 Wizard 控件 中 目 动 生成 了 WizardSteps 标签 ， 这 个 标 
签 规范 了 回 导 控件 中 的 步骤 ， 如 图 3-41 所 示 。 在 问 导 控件 中 ， 系 统 会 生成 WizardSteps 控件 
来 显示 每 一 个 步骤 ， 如 图 3-42 所 示 。 
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图 3-41 向 导 控 件 图 3-42 ”完成 后 的 癌 导 控件 


癌 导 控件 能 够 根据 步 又 日 动 更 换 选 项 ， 如 当 还 没有 执行 到 最 后 一 步 时 ,会 出 现 “ 上 一 
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步 ” 或 “下 一 步 ” 按 钮 以 便 用 户 使 用 ， 当 癌 导 执行 完毕 时 ， 则 会 显示 完成 按钮 ， 极 大 的 简 
化 了 开发 人 员 的 回 导 开发 过 程 。 

问 导 控件 还 文 持 目 动 显示 标题 和 控件 的 当前 步 又。 标题 使 用 HeaderText 属性 自 定义 ， 同 
时 还 可 以 配置 DisplayCancelButton 属性 显示 一 个 取消 按钮 ， 如 图 3-43 所 示 。 不 仅 如 此 ， 当 需 
要 让 癌 导 控件 支持 问 导 步骤 的 添加 时 ， 只 需 配 置 WizardSteps 属性 即 可 ， 如 图 3-44 Brzn , 
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图 3-43 显示 “取消 ”按钮 图 3-44 配置 步骤 


Wizard 问 导 控件 还 文 持 一 些 模板 。 用 户 可 以 配置 相应 的 属性 来 配置 回 导 控件 的 模板 。 用 户 
可 以 通过 编辑 StartNavisationTemplate J& TE, FinishNavigationTemplate 属性 、StepNavigationTem- 
plate 属性 以 及 SideBarTemplate 属性 来 进行 日 定义 控件 的 界面 设 定 。 这 些 属性 的 意义 如 下 : 

Bl StartNavigationTemplate ， 该 属性 指定 为 Wizard 控件 的 Start 步骤 中 的 导航 区 域 显示 目 
定义 内 容 。 

BE FinishNavigationTemplate ， 该 属性 为 Wizard 控件 的 Finish 步骤 中 的 导航 区 域 指 定 目 是 
义 内 容 。 

BI StepNavigationTemplate ， 该 属性 为 Wizard 控件 的 Step 步 缀 中 的 导航 区 域 指定 目 定 义 内 容 。 

BI SideBarTemplate ， 该 属性 为 Wizard 控件 的 侧 栏 区 域 中 指定 目 定 义 内 容 。 

以 上 属性 都 可 以 通过 可 视 化 功能 来 编辑 或 修改 ， 如 图 3-45 所 示 。 


asp:wizard#Wizard1 
Wizardl - HeaderTemplate Wizard 任务 


模板 编 缉 模式 
HeaderTemplate 模板 编辑 模式 
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图 3-45 ”导航 控件 的 模板 支持 


导航 控件 还 能 够 目 定义 模板 来 实现 更 多 的 特定 功能 ， 同 时 导航 控件 还 能 够 为 导航 控件 的 
其 他 区 域 定 义 进 行 样式 控制 ， 如 导航 列表 和 导航 按钮 等 。 


3.14.2 ”导航 控件 的 事件 
当 双 击 一 个 导航 控件 时 ， 导 航 控 件 会 上 自动 生成 FinishButtonClick 事件 。 该 事件 是 当 用 户 
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完成 导航 控件 时 被 甬 发。 导航 控件 页 面 HTML 核心 代码 如 下 : 
< body > 
< form id = "forml" runat = " server" > 
<asp: Wizard ID =" Wizardl" runat =" server" ActiveStepIndex = "2" 
DisplayCancelButton = " True" onfinishbuttonclick =" Wizardl, FinishButtonClick" > 
« WizardSteps » 
< asp : WizardStep runat = " server" title = "Step 1" > 
执行 的 是 第 一 步 </ asp : WizardStep > 
< asp : WizardStep runat = " server" title =" Step 2" > 
执行 的 是 第 二 步 < / asp; WizardStep > 
< asp : WizardStep runat = " server" Title = "Step3" > 
感谢 您 的 使 用 < / asp; WizardStep > 
< / WizardSteps > 
« /asp : Wizard > 
« div » 
< asp: Label ID =" Labell" runat =" server" Text 2" Label" > «/asp:Label > 
« /div > 
« /form » 
< / body > 
上 述 代 码 为 回 导 控件 进行 了 初始 化 ， 并 提示 用 户 正 在 执行 的 步 又 ， 当 用 户 执行 完毕 后 ， 
会 提示 感谢 您 的 使 用 并 在 相应 的 文本 标签 控件 中 显示 “向 吐 控件 执行 完毕 ”。 当 单 击 导 航 控 
件 时 ， 会 触发 FinishButtonClick 事件 ， 通 过 编写 FinishButtonClick 事件 能 够 为 导航 控件 进行 
编码 控制 ， 示 例 代 码 如 下 : 
protected void Wizardl_FinishButtonClick ( object sender, WizardNavigationEventArgs e) 


| 


Labell. Text =" 回 导 控 件 执 行 完毕 " ; 
| 
在 执行 的 过 程 中 ， 标 签 文 本 会 显示 执行 的 步骤 ， 如 图 3-46 所 示 。 当 运行 完毕 时 ，Label 
标签 控件 会 显示 “向 导 控 件 执行 完毕 ”， 同 时 向 导 控 件 中 的 文本 也 会 呈现 “感谢 您 的 使 用 ” 
字样 。 运 行 结果 如 图 3-47 所 示 。 
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图 3-47 用 户 单 击 完成 后 执行 事件 
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问 导 欣 件 不 仅 能 够 使 用 FinishButtonClick 事件 ， 同 样 也 可 以 使 用 PreviousButtonClick 和 
FinishButtonClick 事件 来 自 定 义 “ 上 一 步 ” 按 钮 和 和 “下 一 步 ” 按 钮 的 行为 ， 同样 也 可 以 编写 
CancelButtonClick 事件 定义 单 击 【 取消】 按钮 时 需要 执行 的 操作 。 


3.15 XML 控件 


XML 控件 可 以 读 取 XML 并 将 其 写 入 该 控件 所 在 的 ASP. NET 网 页 。XML 控件 能 够 将 
XSL 转换 应 用 到 XML， 还 能 够 将 最 终 转换 的 内 容 输出 呈现 在 该 页 中 。 当 创建 一 个 XML 控件 
时 ， 系 统 会 生成 XML 控件 的 HTML 代码 ， 示 例 代码 如 下 : 

« asp; Xml ID ="Xmll" runat =" server" > «/asp:Xml > 

上 上述 代码 实现 了 简单 的 XML 控件 ，XML 控件 还 包括 两 个 常用 的 属性 ， 这 两 个 属性 分 别 
如 下 : 

Bl DocumentSource ， 应 用 转换 的 XML 文件 。 

Bl TransformSource ， 用 于 转换 XML 数据 的 XSL 文件 。 

开发 人 员 可 以 通过 XML 控件 的 DocumentSource 属性 提供 的 XML 、XSL 文件 的 路 径 来 进 
行 加载 ， 并 将 相应 的 代码 呈现 到 控件 上 ， 示 例 代 码 如 下 : 

<asp:Xml ID 2" Xml1" runat =" server" DocumentSource =" ~/XMLFilel. xml" > «/asp:Xml > 

上 述 代码 为 XML 控件 指定 了 DocumentSource 属性 ， 通 过 加 载 XML 文档 进行 相应 的 代码 
呈现 ， 运 行 后 如 图 3-48 Brz 


全 无 标题 页 - Windows Internet Explorer -lol xl 
M rmm [x| R9 Live Search og 
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SAZ *» | | http://localhost:51234/Default. aspx 
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图 3-48 加载 XML 文档 


3. 16 验证 控件 


ASP. NET 提供 了 强大 的 验证 控件 ， 它 可 以 验证 服务 器 控件 中 用 户 的 输入 ， 并 在 验证 失 
败 的 情况 下 显示 一 条 自 定 义 错误 消息 。 验 证 控件 直接 在 客户 端 执 行 ， 用 户 提交 后 执行 相应 的 
验证 ， 无 须 使 用 服务 器 端 进行 验证 操作 ， 从 而 减少 了 服务 器 与 客户 端 之 间 的 往返 过 程 。 


3.16.1 表单 验证 控件 


在 实际 的 应 用 中 ， 如 在 用 户 填写 表单 时 ， 有 一 些 项 目 是 必 填 项 ， 例 如 用 户 名 和 和 密码。 在 
传统 的 ASP 中 ， 当 用 户 填 写 表 单 后 ， 页 面 需要 被 发 送 到 服务 胡 并 判断 表单 中 的 菜 项 HTML 
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控件 的 值 是 否 为 空 ， 如 末 为 空 ， 则 返回 错误 信息 。 在 ASP. NET 中 ， 系 统 提供 了 Required- 
FieldValidator 验证 控件 进行 验证 。 使 用 RequiredFieldValidator 控件 能 够 指定 某 个 用 户 在 特定 
的 控件 中 必须 提供 相应 的 信息 ， 如 采 不 填写 相应 的 信息 ，RequiredFieldValidator 控件 就 会 提 
示 错 误 信 息 ， RequiredFieldValidator 控件 示例 代码 如 下 : 

< body > 


< form id ="forml" runat = " server" > 
« div » 
姓名 : <asp:TextBox ID =" TextBox1" runat 2 " server" > </asp : TextBox > 
< asp : RequiredFieldValidator ID =" RequiredFieldValidatorl" runat = " server" 
ControlToValidate = " TextBox1" ErrorMessage =" 必 填 宇 段 不 能 为 空 " > </ 
asp : RequiredFieldValidator > 
<br/> 
Af. <asp:TextBox ID = " TextBox2" runat = " server" > </asp:TextBox > 
<br/> 
< asp: Button ID =" Button] " runat 2 " server" Text = " Button" / > 
<br/> 
</div > 
« / form > 
« / body > 
在 进行 验证 时 ，RequiredFieldValidator 控件 必须 — IEEETENNITmENEENSESSEST 
绑 定 一 个 服务 器 控件 ， 在 上 述 代码 中 ， 验 证 控件 E em 
hequiredFieldValidator TBI A ATEFA EN Text- 


? ed uis [— — — — 必 寺 字段 不 能 
Boxl, 34 TextBoxl 中 的 值 为 空 时 ， 则 会 提示 自 定 义 必需 字段 不 


错误 信息 “ 儿 填 字段 不 能 为 空 ” ， 如 图 3-49 所 示 。 密码 | 
当 姓 名 选项 未 填写 时 ， 会 提示 必 填 字段 不 能 为 ”| Buen] 
空 ， 并 且 该 验证 在 客户 并 执行 。 当 发 生 此 错误 时 ， 


SPA a ee zl 
用 户 会 立即 看 到 该 铺 误 提示 而 不 会 立即 进行 页 面 握 IAA AR RAT 


区 ， 当 用 户 填 写 完 成 并 再 次 单 击 按钮 控件 时 ， 页 面 
Z In E ds de C o 


3.16.2 比较 验证 控件 


比较 验证 控件 对 照 特定 的 数据 类 型 来 验证 用 户 的 输入 。 因 为 当 用 户 输入 用 户 信 息 时 ， 难 
免 会 输入 错误 信息 ， 如 当 需 要 了 解 用 户 的 生日 时 ， 用 户 很 可 能 输入 了 其 他 的 字符 串 。Com- 
pareValidator 比较 验证 控件 能 够 比较 控件 中 的 值 是 否 符 合 开发 人 员 的 需要 。CompareValidator 
控件 的 特有 属性 如 下 : 

BI ControlToCompare ， 以 字符 串 形 式 输 入 的 表达 式 。 要 与 妨 一 控件 的 值 进行 比较 。 

Bl Operator， 要 使 用 的 比较 。 

BI Type， 要 比较 两 个 值 的 数据 类 型 。 

BI ValueToCompare ， 以 字符 串 形式 输入 的 表达 式 。 

当 使 用 CompareValidator 控件 时 ， 可 以 方便 的 判断 用 户 是 否 正 确 输入 ， 示 例 代 码 如 下 : 


图 3-49  RequiredFieldValidator 验证 控件 
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< body > 
< form id =" forml" runat = " server" > 
« div > 


请 输入 生日 : 


< asp: TextBox ID = " TextBoxl”runat = "server" > «/asp:TextBox > 


«br/» 
EE NV HH. 


< asp: TextBox ID = " TextBox2" runat = "server" > «/asp:TextBox > 


< asp : CompareValidator ID =" CompareVahidatorl" runat = " server" 


ControlT'oCompare = " TextBox2" ControlToValidate = " TextBox1 " 
CultureInvariantValues = " True" ErrorMessage = " 输入 格式 错误 ! 请 改正 1" 


Operator = " GreaterThan" 
Type = Date" > 
< /asp :CompareValidator > 
<br/> 


< asp: Button ID =" Button1” runat 2 " server" Text = " Button" / > 


<br> 
</div > 
< / form > 
« / body > 
上 述 代码 判断 TextBoxl 的 输入 格式 是 否 正 确 ， 当 输入 的 格式 错误 时 ， 
图 3-50 所 示 。 


让 无 标题 页 - Windows Internet Explorer Lim xj 
TM aaa IE 
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图 3-50 CompareValidator 验证 控件 


会 提示 错误 ， 如 


CompareValidator 验证 控件 不 仅 能 够 验证 输入 的 格式 是 否 正确 ， 还 可 以 验证 两 个 控件 之 
间 的 值 是 否 相 等 。 如 采 两 个 控件 之 间 的 值 不 相等 ，CompareValidator 验证 控件 同样 会 将 目 定 


义 错误 信息 呈现 在 用 户 的 客户 端 浏 览 带 中。 
3.16.3 泥 围 验证 控件 


范围 验证 控件 (RangeValidator) 可 以 检查 用 户 的 输入 是 否 在 指定 的 上 限 与 下 限 之 间 。 
通 溃 情况 下 用 于 检查 数字 、 日 期 、 赁 币 等 。 范 围 验 证 (RangeValidator) 控件 的 第 用 属性 
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ü b: 

BI MinimnumValue， 指 定 有 效 范围 的 最 小 值 。 

BI MaximumValue， 指 定 有 效 范围 的 最 大 值 。 

国 Type， 指 定 要 比较 的 值 的 数据 类 型 。 

通常 情况 下 ， 为 了 控制 用 户 输 入 的 范围 ， 可 以 使 用 该 控件 。 当 输入 用 户 的 生日 时 ， 如 果 
今年 是 2013 年 ， 那 么 用 户 就 不 应 该 输入 2014 年 ， 同 样 基 本 上 没有 人 的 寿命 会 超过 100， 所 
以 对 输入 的 日 期 的 下 限 也 逢 要 进行 规定 ， 示 例 代 人 码 如 下 : 

<div> 

请 输入 生日 : < asp: TextBox ID 2 " TextBox1" runat = "server" > </asp:TextBox > 


< asp: RangeValidator ID =" RangeValidatorl" runat = " server" 
ControlTo Validate = " TextBox1" ErrorMessage = " 超出 规定 范围 ,请 重新 填写 " 
MaximumValue = "2014/1/1" MinimumValue = "1914/1/1" Type =" Date" > 
« /asp ; RangeValidator > 
«br/» 
< asp: Button ID =" Buttonl" runat 2 " server" Text = " Button" / > 
«/div > 
上 述 代码 将 MinimumValue 属性 值 设 置 为 1914/1/1， 并 能 将 MaximumValue 的 值 设 置 为 
2014/1/1， 当 用 户 的 日 期 低 于 最 小 值 或 蜗 于 最 高 值 时 ， 则 提示 错误 。 
注意 : RangeValidator 验证 控件 在 进行 控件 值 的 范围 设 定时 ， 其 范围 不 仅仅 可 以 是 一 个 
整数 值 ， 同 样 还 能 够 是 时 间 、 日 期 等 值 。 


3.16.4 正则 验证 控件 


在 上 述 控件 中 ， 虽 然 能 够 实现 一 些 验证 ， 但 是 验证 的 能 力 是 有 限 的 ， 例 如 在 验证 的 过 程 
中 ， 只 能 验证 是 否 是 数字 ， 或 者 是 人 否 是 日 期 。 也 可 能 在 验证 时 ， 只 能 验证 一 定 范 围 内 的 效 
值 ， 虽 然 这 些 控件 提供 了 一 些 验证 功能 ， 但 却 限制 了 开发 人 员 进 行 目 定义 验证 和 错误 信息 的 
开发 。 为 实现 一 个 验证 ， 很 可 能 需要 多 个 控件 同时 挫 配 使 用 。 

正则 验证 控件 (RegularExpressionValidator) 就 解决 了 这 个 问题 ， 正 则 验证 控件 的 功能 
非常 强大 ， 它 用 于 确定 输入 控件 的 值 是 否 与 某 个 正则 表达 式 所 定义 的 模式 相 匹 配 ， 如 电子 邮 
件 、 电 话 号 码 以 及 序列 号 等 。 

正则 验证 控件 ( RegularExpressionV alidator ) E 
用 的 属性 是 ValidationExpression, ， 它 用 来 指定 用 于 验 
证 的 输入 控件 的 正则 表达 式 。 客 户 奖 的 正则 表达 式 
验证 语法 和 服务 问 的 正则 表达 式 验 证 语法 不 同 ， 
为 在 客户 端 使 用 的 是 JSript 正则 表达 式 语法 ， 而 在 服 Ao. 
务 硕 端 使 用 的 是 Regex 类 提供 的 正则 表达 式 语 法 。 | [auntammaus 
使 用 正则 表达 式 能 够 实现 强大 字符 串 的 匹配 并 验证 —€— 
用 户 的 输入 格式 是 否 正 确 ， 系 统 提供 了 一 些 向 用 的 
正则 表达 式 ， 开 发 人 员 能 够 选择 相应 的 选项 进行 规 图 3.51 ”系统 提供 的 正则 表达 式 
则 筛选 ， 如 图 3-$1 所 示 。 

当选 择 了 正则 表达 式 后 ， 系 统 自动 生成 的 HTML 代码 如 下 : 


正则 表达 式 编辑 器 E ixi 
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< asp : RegularExpression Validator ID = " RegularExpressionValidatorl" runat = " server" 
ControlToValidate = " TextBox1" ErrorMessage = " 正则 不 匹配 ,请 重新 输入 1" 
ValidationExpression = " \d {17} [ \dIX]1\d{15}" > 
« /asp : RegularExpression Validator > 
运行 后 当 用 户 单 击 按钮 控件 时 ， 如 果 输 入 的 信息 与 相应 的 正则 表达 式 不 匹配 ， 则 会 提示 
错误 信息 ， 如 图 3-52 所 示 。 


C AMA - Tindows Internet Explorer =o xl 
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正则 不 匹配 ,请 重新 输入 1! 
[Button | 
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图 3-52 RegularExpression Validator 验证 控件 


同样 ， 开 发 人 员 也 可 以 目 定 义 正则 表达 式 来 规范 用 户 的 输入 。 使 用 正则 表达 式 能 够 加 快 
验证 速度 并 在 字符 串 中 快速 匹配 ， 而 为 一 方面 ， 使 用 正则 表达 式 能 够 减少 复 森 的 应 用 程序 的 
功能 开发 和 实现 。 

注意 : 在 用 户 输入 为 空 时 ， 其 他 的 验证 控件 都 会 验证 通过 。 所 以 ， 在 验证 控件 的 使 用 
中 ， 通常 和 需要 同 表 单 验 证 控件 (RequiredFieldValidator) 一 起 使 用 。 


3.16.5 自 定义 逻辑 验证 控件 


自 定义 逻辑 验证 控件 (CustomValidator) 允许 使 用 自 定 义 的 验证 逻辑 创建 验证 控件 。 例 
如 ， 可 以 创建 一 个 验证 控件 判断 用 户 输入 的 是 否 包含 “. ”号 ， 不 例 代码 如 下 . 
protected void CustomValidatorl _ServerValidate( object source, ServerValidateEventArgs args) 


| 
args. IsValid = args. Value. ToString( ). Contains("." ) ;// 设 置 验证 程序 ,并 返回 布尔 值 


| 
protected void Button1_Click (object sender, EventArgs e) // 用 户 目 定义 验证 


| 


if ( Page. IsValid) / PIS fe sr EORR iE 
| 
Labell. Text = " 验证 通过 "， // 输 出 验证 通过 
| 
else 


Labell. Text = "输入 格式 错误 " E S Es! 


Se 
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上 述 代 码 不 仅 使 用 了 验证 控件 自身 的 验证 ， 也 使 用 了 用 户 自 定义 验证 ， 运行 结果 如 
图 3-53 所 示 。 


C AFMA - Yindows Internet Explorer 


cm v |£ J| http: //1oc... 加 [x| Ry Live Search 


Vr kik Exma A A- EW- Emo- 安全 G6)- ^C 


bd 


请 输入 浮 点 型 : [7788414 输入 格式 错 
误 
输入 格式 错误 ! 请 重新 输入 ! 


Button | 
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图 3-53 CustomValidator 验证 控件 


从 CustomValidator 验证 控件 的 验证 代码 可 以 看 出 ，CustomValidator 验证 控件 可 以 在 服务 
器 上 执行 验证 检查 。 如 果 要 创建 服务 需 端 的 验证 函数 ， 则 处 理 CustomValidator 控件 的 Server- 
Validate 事件 。 使 用 传 入 的 ServerV alidateEventArgs 的 对 象 的 Isvalid 字段 来 设置 是 和 否 通过 
验证 。 

而 CustomValidator 控件 同样 也 可 以 在 客户 疹 实 现 ， 该 验证 困 数 可 用 VBScript 或 Jscript 来 
实现 ， 而 在 CustomValidator 控件 中 需要 使 用 ClientValidationFunction 属性 指定 与 CustomVali- 
dator 控件 相关 的 客户 端 验 证 脚本 的 函数 名 称 进行 控件 中 的 值 的 验证 。 


3.16.6 验证 组 控件 


验证 组 控件 (ValidationSummary) 能 够 对 同一 页 面 的 多 个 控件 进行 验证 。 同 时 ， 验 证 组 
控件 (ValidationSummary) 通过 ErrorMessage 属性 为 页 面 上 的 每 个 验证 控件 显示 错误 信息 。 
验证 组 控件 (ValidationSummary) 的 稼 用 属性 如 下 : 

DisplayMode, ， 摘 要 可 显示 为 列表 ,项 目 符 号 列表 或 单个 段落 。 

HeaderText ， 标 题 部 分 指定 一 个 目 定 义 标题 。 

ShowMessageBox, ， 是 否 在 消息 框 中 显示 摘要 。 

ShowSummary， 探 制 是 显示 还 是 隐藏 ValidationSummary 控件 。 

验证 控件 能 够 显示 页 面 的 多 个 控件 产生 的 错误 ， 示例 代 码 如 下 . 

< body > 


< form id = "forml" runat = " server" > 
< div > 
姓名 : 
< asp: TextBox ID = " TextBox1" runat = "server" > «/asp:TextBox > 
< asp : RequiredField Validator ID =" RequiredFieldValidatorl" runat = " server" 
Control ToValidate = " TextBox1" ErrorMessage = " Tk ABUS 
«/asp: hequiredField Validator > 
<br /> 
Er WE: 
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< asp: TextBox ID = " TextBox2" runat = " server" > «/asp:TextBox > 
« asp : RegularExpressionValidator ID =" RegularExpressionValidatorl" runat = " server" 
ControlToValidate = " TextBox1" ErrorMessage = " 身份 证 号 但 错误 " 
ValidationExpression 2" \d {17} [ \dIX] I\d{15}" > </asp: RegularExpres- 
sion Validator > 
«br/» 
< asp: Button ID =" Buttonl" runat 2 " server" Text = " Button" / > 
< asp : ValidationSummary ID =" ValidationSummaryl" runat = " server" / > 
«/div > 
« /form » 
« / body » 
运行 结 末 如 图 3-54 Bran 
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图 3-54  ValidationSummary 验证 控件 


当 有 多 个 错误 发 生 时 ，ValidationSummary 控件 能 够 捕获 多 个 验证 错误 并 呈现 给 用 户 ， 这 
样 就 避免 了 一 个 表单 需要 多 个 验证 时 需要 使 用 多 个 验证 控件 进行 绑 定 ， 使 用 ValidationSum- 
mary 控件 如 无 须 为 每 个 需要 验证 的 控件 进行 绑 定 。 


3.17 “时 航 控 件 


在 网 站 制作 中 ， 和 党 党 需要 制作 导航 来 让 用 户 能 够 更 加 方便 快捷 地 查阅 到 相关 的 信息 和 资 
讯 ， 或 能 跳 转 到 相关 的 版 块 。 在 Web 应 用 中 ， 导 航 是 非常 重要 的 。ASP. NET 提供 了 站 点 导 
航 的 一 种 简单 的 方法 ， 即 使 用 站 点 导航 控件 SiteMapPath TreeView, Menu 等 。 

导航 控件 包括 SiteMapPath、TreeView、Menu 3 A, 这 3 个 控件 都 可 以 在 页 面 中 轻松 建立 
导航 。 这 3 个 导航 控件 的 基本 特征 如 下 : 

Bl SiteMapPath， 检 索 用 户 当 前 页 面 并 显示 层次 结构 的 控件 。 这 使 用 户 可 以 导航 回 到 层 
次 结构 中 的 其 他 页 。SiteMap 控件 专门 与 SiteMapProvider 一 起 使 用 。 

B TreeView, 提供 纵 问 用 户 界 面 以 展开 和 折 奏 网 页 上 的 选 定 节点 以 及 为 选 定 项 提供 复 
选 框 功 能 。 并 且 TreeView 控件 支持 数据 绑 定 。 

BI Menu， 提 供 在 用 户 将 鼠标 指针 惹 停 在 某 一 项 时 弹出 附加 子 采 单 的 水 平 或 王 耳 用 户 
FH o 
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这 3 个 导航 控件 都 能 够 快速 地 建立 导航 ,并 且 能 够 调整 相应 的 属性 为 导航 控件 进行 日 
定义 。 

SiteMapPath 控件 使 用 户 能 够 从 当前 导航 回 站 点 层次 结构 中 较 高 的 页 但 是 该 控件 并 不 
允许 用 户 从 当前 页 面 回 前 导航 到 层次 结构 中 较 深 的 其 他 页 面 。 相 比 之 下 ,使 用 TreeView 或 
Menu 控件 ; 用 户 可 以 打开 节点 并 直接 选择 需要 跳 转 的 特定 页 。 这 些 控件 不 会 像 SiteMapPath 
控件 一 样 直接 读 取 站 点 地 图 。TreeView 和 Menu 控件 不 仅 可 以 目 定 义 选 项 ， 也 可 以 绑 定 一 个 
SiteMapDataSource, TreeView 和 Menu 控件 的 基本 样式 如 图 3-55 和 图 3-56 所 示 。 


请 无 标题 页 - Windows Internet Explorer -loj xl 
E EET EE Jem 
KAY H 72: tive serea fala 
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新 建 项 


新 建 节 点 
新 建 项 新 建 节点 
新 建 项 日 新 建 节点 
新 建 项 新建 项 + 新建 项 新 建 节点 

新 建 项 o 新 建 节 点 
新 建 节 点 

zl £z 

ZEE ELSE 禁用 Rios - 4 NEUEN ELSE EX [R1008 > 4 

图 3-55 Menu 导航 控件 图 3-56 TreeView 导航 控件 


TreeView 和 Menu 控件 生成 的 代码 并 不 相同 ， 因 为 TreeView 和 Menu 控件 所 实现 的 功能 
E NAHE, TreeView 和 Menu 控件 的 代码 分 别 如 下 : 
<asp:Menu ID =" Menul" runat = " server" > 


« [tems » 


< asp; Menultem Text =" 新 建 项 " Value =" 新建 项 " > «/asp;Menultem > 
< asp; Menultem Text =" 新 建 项 " Value =" 新建 项 " > 
< asp; Menultem Text = " 新 建 项 " Value =" 新建 项 " > </ asp : Menultem > 
« /asp : Menultem » 
< asp : Menultem Text =" 新 建 项 " Value =" 新建 项 " > 
< asp; Menultem Text =" 新 建 项 " Value 2 "新建 项 " > </asp :MenuItem > 
< /asp : Menultem > 
< asp : Menultem Text = " 39r £&Jyi" Value =" 新建 项 " > 
< asp; Menultem Text = " 新建 项 "Value =" 新建 项 " > 
< asp : Menultem Text =" 新 建 项 " Value 2 "新 建 项 " > «/asp;Menultem > 
« /asp: Menultem > 
< /asp : Menultem > 
< asp; Menultem Text =" 新 建 项 " Value =" 新 建 项 " > «/asp;Menultem > 
« / Items > 
< /asp: Menu > 
上 述 代 码 声 明了 一 个 Menu 控件 ; FRM TATTER, 
< asp: TreeView ID = " TreeViewl" runat =" server" > 


< Nodes > 
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< asp:TreeNode Text = "新建 节 点 " Value = "新 建 节 点 " > </asp:TreeNode > 
< asp: TreeNode Text = "新 建 节点 " Value =" 新 建 节 点 " > 
<asp:TreeNode Text = "新建 节 点 " Value =" 新 建 节 点 " > «/asp;TreeNode > 
</asp:TreeNode > 
< asp:TreeNode Text = "新建 节 点 " Value = "新 建 节 点 " > 
<asp:TreeNode Text = Wale E e ae a 7 asp : TreeNode > 
< /asp : TreeNode > 
< asp: TreeNode Text = "39r£& A" Value =" 新 建 节 点 " > 
<asp:TreeNode Text =" 新 建 节 点 " Value = "新建 节 点 " > «/asp;TreeNode > 
</asp:TreeNode > 
< asp; TreeNode Text =" 新 建 节 点 " Value 2 "新 建 节 点 " > </asp:TreeNode > 
« / Nodes > 
< /asp: TreeView > 
上 述 代码 声明 了 一 个 TreeView 控件 ， 并 添加 了 若干 节点 。 
从 上 面 的 代码 和 运行 后 的 实例 图 可 以 看 出 ，TreeView 和 Menu 控件 有 一 些 区 别 ， 这 些 具 
体 区 别 如 下 : 
B Menu 展开 时 ， 是 弹出 形式 的 展开 , Iff] TreeView 控件 则 是 就 地 展开 。 
Bl Menu 控件 并 不 是 按 需 下 载 ， 而 TreeView 控件 则 是 按 需 下 载 的 。 
B. Menu 控件 不 包含 复 选 框 ， 而 TreeView 控件 包含 复 选 框 。 
Bl Menu 控件 允许 编辑 模板 ， 而 TreeView 控件 不 允许 模板 编辑 。 
B Menu 在 布局 上 是 水 平和 垂直 ， 而 TreeView 只 是 垂直 布局 。 
B Menu 可 以 选择 样式 ， 而 TreeView 不 行 。 
开发 人 员 在 网 站 开发 的 时 候 ， 可 以 通过 使 用 导航 控件 来 快速 地 建立 导航 ， 为 浏览 者 提供 
方便 ， 也 为 网 站 做 出 信息 指导 。 在 用 户 的 使 用 中 ， 通 常情 况 下 导 币 控件 中 的 导航 值 是 不 能 被 
用 户 所 更 改 的 ,但 是 开发 人 员 可 以 通过 编程 的 方式 让 用 户 也 能 够 修改 站 点 地 图 的 市 点 。 
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学 习 目 标 与 任务 


MEBEL: 


本 章 将 向 读者 介绍 ASP. NET 内 置 对 象 ， 以 及 如 何 创 建 和 使 用 ASP. NET 内 置 对 象 ， 包 括 


Session, Cookies 等 。 


工作 任务 


1. 创建 和 使 用 ASP. NET 内 置 对 象 ; 
2. 进行 ASP. NET 应 用 程序 配置 。 


4.1 ASP.NET 内 置 对 象 


在 ASP 的 开发 中 ,这些 内 置 对 象 已 经 存在 ， 这 些 内 置 对 象 包括 Response, Request, Ap- 
plication 等 ， 使 用 这 些 对 象 不 仅 能 够 获取 页 面 传 递 的 参数 ， 还 可 以 保存 用 户 的 信息 ， 如 
Cookie, Session 等 。 


4.1.1 Request 传递 请 求 对 象 


Request X128 H] FERAN mE Web 请 求 期 间 发 送 的 HTTP (R5. Request 对 象 党 用 的 属性 
如 下 : 

Bl QueryString， 获 取 HTTP 查询 字符 串 变 量 的 集合 。 

Bl Path ， 获 取 当 前 请 求 的 虚拟 路 径 。 

BE UserHostAddress ， 获 取 远 程 客户 问 IP 主机 的 地 址 。 

BE Browser， 获 取 有 关 下 在 请 求 的 客户 端的 浏览 大 功能 的 信息 。 

1. QueryString: 请 求 参 数 

QueryString 属性 是 用 来 获取 HTTP 查询 字符 串 变量 的 集合 ， 通 过 QueryString 属性 能 够 获 
取 页 面 传递 的 参数 。 在 超 链 接 中 ， 往 往 需 要 从 一 个 页 面 跳 转 到 为 外 一 个 页 面 ， 跳 转 的 页 面 需 
要 获取 HTTP 的 值 来 进行 相应 的 操作 ， 例 如 新 闻 页 面 的 news. aspx?id 21, 为 了 获取 传递 过 来 
的 id 的 值 ， 则 可 以 使 用 Request 的 QueryString 属性 ， 示 例 代 码 如 下 . 

protected void Page_Load(object sender, EventArgs e) 


| 


if (! String. IsNullOrEmpty ( Request. QueryString[| "id" ]) ) ”// 如 果 传 递 的 ID 值 不 为 空 
| 
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Labell. Text = Request. QueryString| "id" |; // 将 传递 的 值 赋予 标签 中 
| 
else 
| 

Labell. Text = "没有 传递 的 值 "，; // 提 示 没 有 传递 的 值 


| 


if (| String. IsNullOrEmpty( Request. QueryString| "type" | ) ) 
// 如 果 传 递 的 TYPE 值 不 为 空 


Label2. Text = Request. QueryString| "type" ]; /获取 传递 的 TYPE fH 


Label2. Text = "没有 传递 的 值 " ; // 无 什 时 进行 相应 的 编码 


| 

上 述 代码 使 用 Request 的 QueryString 属性 来 接收 传递 的 HTTP 的 值 ， 当 通过 访问 页 面 路 
径 为 “http://localhost: 29867/Default. aspx” 了 上 时， 默认 传递 的 参数 为 空 ， 为 其 路 径 中 没有 
对 参数 的 访问 。 而 当 访 问 的 页 面 路 径 为 “ http://localhost: 29867/Default. aspx? id = 1 &type 

= QueryString&action = get” 时 ， 就 可 以 从 路 径 中 看 出 该 地 址 传递 了 3 个 参数 ， 这 3 个 参数 和 

值 分 别 为 id 21, type = QueryString 以 及 action = get, 

2. Path: 获取 路 径 

通过 使 用 Path. 的 方法 可 以 获取 当前 请 求 的 虚拟 路 径 ， 示 例 代 码 如 下 : 

Label3. Text = Request. Path. ToString( ) ; // 获 取 请 求 路 径 

当 在 应 用 程序 开发 中 使 用 Request. Path. ToString( ) 时 ， 就 能 够 获取 当前 正在 被 请 求 的 
文件 的 虚拟 路 径 的 值 ， 当 需 要 对 相应 的 文件 进行 操作 时 , 可 以 使 用 Request. Path 的 信息 进行 
判断 。 

3. UserHostAddress: 获取 IP 记录 

通过 使 用 UserHostAddress 的 方法 ， 可 以 获取 远程 客户 问 IP 主机 的 地 址 ， 示例 代码 如 下 : 

Label4. Text = Request. UserHostAddress; // 获 取 客 户 问 IP 

ERP mH IP 统计 和 判断 中 ， 可 以 使 用 Request. UserHostAddress 进行 卫 统 计 和 判断 。 
在 有 些 系统 中 ， 需 要 对 来 访 的 IP Irim, IEH Request UserHostAddress 就 能 够 轻松 地 判 
rH IP 并 进行 科 选 操作 。 

4. Browser: 获取 浏览 颖 信息 

通过 使 用 Browser 的 方法 ， 可 以 判断 正在 浏览 网 站 的 客户 问 浏 览 各 的 版 本 ， 以 及 浏览 如 
的 一 些 信息 ， 示 例 代 码 如 下 : 

Label5. Text = Request. Browser. Type. ToString( ) ; DESEE EE 

这 些 属性 能 够 获取 服务 天 和 客户 端的 相应 信息 ， 也 可 以 通过 “?” 号 进行 HTTP 值 的 传 
递 和 获取 ， 上 述 代 人 码 运行 结果 如 图 4-1 所 示 。 
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图 4-1 Request HA 


Request 不 仅 包 括 这 些 常 用 的 属性 还 包括 其 他 属性 例如 用 于 获取 当 六 目录 在 服务 带 
虚拟 主机 中 的 绝对 路 径 (IIl ApplicationPath) 。 另 外 ， 开 发 人 员 也 可 是 使 用 Request 中 的 Form 
属性 进行 页 面 中 窗 体 的 值 集合 的 获取 。 

4.1.2 Response 请 求 响应 对 象 


Response 对 象 的 常用 属性 如 下 . 
图 BufferOutput， 获 取 或 设置 一 个 值 ， 该 值 指 示 是 否 绥 冲 输出 ， 并 在 完成 处 理 整 个 页 面 
之 后 将 其 发 送 。 
Bl Cache ， 获 取 Web 页 面 的 缓存 策略 。 
BI Charset， 获 取 或 设置 输出 流 的 HTTP 字符 集 类 型 。 
W IsClientConnected ， 获 取 一 个 值 ， 通 过 该 值 指示 客户 端 是 否 仍 连 接 在 服务 名 上 。 
Bl ContentEncoding， 获 取 或 设置 输出 流 的 HTTP 字符 集 。 
Bl TrySkipIisCustomErrors ， 获 取 或 设置 一 个 什 ， 指 定 是 否 文 持 HS 7. 0 目 定 义 错 误 输 出 。 
1. Response 常用 属性 
BufferOutput 的 默认 属性 为 True。 当 页 面 被 加 载 时 要 输出 到 客户 端的 数据 都 暂时 存储 
在 服务 益 的 缓冲 期 内 并 等 每 页 面 所 有 事件 程序 ， 以 及 所 有 的 页 面 对 象 全 部 被 浏 览 剖 解释 完毕 
后 , 才 将 所 有 在 缓冲 区 中 的 数据 发 送 到 客户 端 训 唤 剖 ， 示 例 代码 如 下 : 
protected void Page_Load( object sender, EventArgs e) 


| 


Response. Write(" 绥 冲 区 清除 前 .."); // 输 出 缓冲 区 清除 
| 


上 述 代码 在 cs 文件 中 重 写 了 Page_Load FAF, EFH T I8 DU Và 648] H8 — 41-3: 4888 


“ 绥 冲 区 清除 前 ..”。 在 ASPX 页 面 中 ， 可 以 为 页 面 增加 代码 以 判断 缓冲 区 的 执行 时 间 ， 示 
例 代 码 如 下 : 
< body > 
< form id = "forml" runat = " server" > 
< div > 


<% Response. Write(" 绥 冲 区 被 清除 " ); % > // 输 出 字符 串 
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«/div > 
« /form > 

« / body » 

上 述 代码 在 页 面 中 插入 了 一 段 代 码 ， 并 输出 字符 串 ”加 于 mp 
“缓冲 区 被 清除 ”。 在 运行 该 页 面 时 ， 数 据 已 Ln 
缓冲 区 中 。 然 后 IIS 才 开 始 读 取 HTML 组 件 的 部 分 ， 

取 完 毕 后 才 将 结 采 送 至 客户 问 浏 览 各 ， 所 以 在 运行 结 
中 可 以 发 现 , “缓冲 期 清除 前 ” 是 在 “缓冲 区 被 清除 ” 
字符 串 之 前 出 现 ， 如 图 4-2 Bra. 

因为 BufferOutput 属性 默认 为 true， 所 — 
并 无 法 看 到 明显 的 区 别 ， 当 在 浏览 硕 输出 前 清除 缓冲 区 图 4-2  BufferOutput 
时 ， 则 可 以 看 出 区 别 。 示 例 代码 如 下 : 

Response. Write(" 绥 冲 区 清除 前 .." ); 

Response. Clear( ) ; // T8 E 2E p 

当 使 用 Response 的 Clear 方法 时 ， 绥 冲 区 就 被 显示 的 清除 了 。 在 运行 后 , “ 绥 冲 区 清除 
前 ”字符 串 被 清除 ， 并 不 会 呈现 给 浏览 器 。 当 需要 屏蔽 Clear 方法 对 缓冲 区 的 数据 清除 ， 则 
可 以 指定 BufferOutput 的 属性 为 False ， 示 例 代 人 码 如 下 、 


缓冲 区 清除 前 .. 


缓冲 区 被 清除 


Response. BufferOutput = false; // 设 置 绥 冲 区 属性 
Response. Write(" 绥 冲 区 清除 前 .."); /设置 清除 前 字符 
Response. Clear( ) ; //1T8 ER ZR p EC 


使 用 上 述 代 码 将 指定 BufferOutput 的 属性 为 False ， 在 运行 了 时 缓冲 区 数据 不 会 被 Clear 方 
法 清除 。 

2. Response 常用 方法 

Response 方法 可 以 输出 HTML 流 到 客户 端 ， 其 中 包括 发 送信 息 到 客户 问 和 客户 端 URL 
重 定 回 ， 不 仅 如 此 ， Response 1 还 可 以 设置 Cookie 的 值 以 保存 客户 端 信息 。 Response 的 常用 
方法 如 下 : 

图 Write， 问 客户 问 发 送 指定 的 HTTP 流 。 

BI End， 停 止 页面 的 执行 并 输出 相应 的 结 末 。 

W Clear， 清 除 页 面 绥 冲 区 中 的 数据 ，。 

图 Flush ， 将 页 面 绥 种 区 中 的 数据 立即 显示 。 

BI Redirect, E P vl vas URL 地 址 重 定 回 。 

在 Response 的 和 常用 方法 中 ，Wirite ZrikZéfg HDA, Write 能 够 回 客 户 问 发 送 指定 
的 HTTP 流 ， 并 呈现 给 客户 问 浏 览 副 ， 不 例 代码 如 下 : 

Response. Write(" < div style = V" SEEN 18px; \" > 3iXZE— B8 < span style = V" color; red 
V > HTML « /span > fii </div>"); 

于 述 代 码 则 会 向 浏览 器 输出 一 串 HTML 流 并 被 浏览 器 解析 ， 如 图 4-3 所 示 。 

KEEFE Response 对 象 运行 时 ， 能 够 中 途 进行 停止 时 ， 则 可 以 使 用 End 方法 对 页 面 的 
执行 过 程 进行 停止 ， 示 例 代 人 码 如 下 : 
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六 无 标题 页 - Windows Internet Explorer 


这 是 一 串 HTML 流 xl 
CO EA raet | RRA: SA [Ros y 


图 4-3 Response. Write 方法 


for (inti20; i < 100; i++) / / TÉ 3f 100 次 
| 
if (i < 10) / Hr i «10 


| 
Response. Write(" 当前 输出 了 第 " +i+" 行 <hr/ >"); //i<10 则 输出 i 


else // 否 则 停止 输出 
| 
sign En // 使 用 了 End 方法 停止 执行 


| 
上 述 代 码 循环 输出 HTML 流 “ 当 前 输出 了 第 X 行 ”， 当 输出 到 10 行 时 ， 则 停止 ， 如 
图 4-4 所 示 。 


/ http://localhost:2986T/response.aspx 一 Windows Internet Explorer 


ial x| 


Y dtp (B http: //1ocalhost:2986T/re. .. e = L n < EPI = i: IB = 


这 是 一 串 HTML 流 
当前 输出 了 第 0 行 


当前 输出 了 第 1 行 
当前 输出 了 第 2 行 
当前 输出 了 第 3 行 
当前 输出 了 第 4 行 
当前 输出 了 第 5 行 
当前 输出 了 第 6 行 
当前 输出 了 第 7 行 
当前 输出 了 第 8 行 
当前 输出 了 第 9 行 


El 
FE 成 [ DL [T DL D ER eae | 保护 模式 :禁用 [iw > y 


图 4-4 Response. End 方法 


Redirect 方法 通常 使 用 于 页 面 跳 转 ， 示 例 代 码 如 下 . 
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Response. Redirect( " http://www. shangducms. com" ) ; // 页 面 跳 转 
执行 上 述 代 码 ， 将 会 跳 转 到 相应 的 URL, 


4.1.3 Application 状态 对 象 


Application 对 象 对 于 Web 应 用 上 的 每 个 ASP. NET 应 用 程序 都 要 创建 一 个 单独 的 实例 。 

1. Application 对 象 的 特性 

对 于 Application 对 象 有 如 下 特性 : 

图 数据 可 以 在 Application 对 象 之 内 进行 数据 共 持 ， 一 个 Application 对 象 可 以 敌 盖 多 个 用 户 。 

BI Application 对 象 可 以 用 Internet Service Manager 来 设置 而 获得 不 同 的 属性 。 

E 单独 的 Application 对 象 可 以 隔离 出 来 并 运行 在 内 存 之 中 。 

B 可 以 停止 一 个 Application 对 象 而 不 会 影响 到 其 他 Application 对 象 。 

Application 对 象 常 用 的 属性 有 : 

B AllKey: 获取 HttpApplicationState 集合 中 的 访问 键 。 

BI Count: 获取 HttpApplicationState 集合 中 的 对 象 数 。 

其 中 Application 对 和 象 的 常用 方法 有 : 

B. Add: 新 增 一 个 Application 对 象 变量 。 

Bl Clear: 清除 全 部 的 Application 对 象 变 量 。 

Bl Ce: 通过 索引 关键 字 或 变量 名 称 得 到 变量 的 值 。 

Bl GetKey: 通过 索引 关键 字 获 取 变 量 名 称 。 

Block. 锁定 全 部 的 Application 对 象 变量 。 

E Unlock. 解锁 全 部 的 Application XJ Ze 2E E, 

BI Remove: 使 用 变量 名 称 移 除 一 个 Application 对 象 变量 。 

BI RemoveAll: 移 除 所 有 的 Application 对 象 变量 。 

图 Set: 使 用 变量 名 更 新 一 个 Application 对 象 变量 。 

2. Application 对 象 的 使 用 

通过 使 用 Application 对 象 的 方法 ,能够 对 Application 对 象 进行 操作 ， 使 用 Add 方法 能 
AJE Application 对 象 ， 示 例 代 码 如 下 : 


Application. Add(" App" , " MyValue" ) ; // 增 加 Application XJ & 
Application. Add( " Appl" , " MyValuel" ) ; // 增 加 Application XJ 2 
Application. Add( " App2" , " MyValue2" ) ; // 增 加 Application XJ 2 


右 需 要 使 用 Application 对 象 ， 可 以 通过 索引 Application 对 象 的 变量 名 进行 访问 ， 示 例 代 
RO M. 

Response. Write( Application| " Appl" |. ToString( ) ) ; // 输 出 Application XJ Z& 

上 述 代 码 直 接 通 过 使 用 变量 名 来 获取 Application 对 象 的 值 。 通 过 Application XJ Z2 HJ Get 
方法 也 能 够 获取 Application 对 象 的 值 ， 示 例 代 人 码 如 下 : 

for (int i 20; i < Application. Count; i++) // ÙI Application XJ Z& 

| 


Response. Write( Application. Get(i). ToString( ) );  // 输 出 Application 对 和 象 
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Application 对 象 通常 可 以 用 来 统计 在 线 人 数 ， 在 页 面 加 载 后 可 以 通过 配置 文件 使 用 Ap- 
plication 对 象 的 Add 方法 进行 Application 对 象 的 创建 ， 当 用 户 离开 页 面 时 ， 可 以 使 用 Appli- 
cation 对 象 的 Remove 方法 进行 Application 对 象 的 移 除 。 当 Web 应 用 不 希望 用 户 在 客户 端 修 
改 已 经 存在 的 Application 对 象 时 ， 可 以 使 用 Lock 对 象 进行 锁定 ， 当 执行 完毕 相应 的 代码 块 


后 ， 可 以 解锁 。 示 例 代 码 如 下 : 
Application. Lock( ) ; // 锁 定 Application X] 
Application| " App" | =" MyValue3" ; / / Application XJ Z IME. 
Application. UnLock( ) ; //[ 解 锁 Application XJ Z& 


上 述 代 码 当 用 户 进 行 页 面 访问 时 ， 其 客户 端的 Application 对 象 被 锁定 ， 所 以 用 户 的 客户 
剖 不 能 够 进行 Application 对 象 的 更 改 。 在 锁定 后 ， 也 可 以 使 用 UnLock 方法 进行 解锁 操作 。 


4.1.4 Session 状态 对 象 


Session 用 来 存储 跨 页 程序 的 变量 或 对 象 ， 功 能 基本 同 Application 对 和 象 一 样 。 但 是 Ses- 
sion 对 象 的 特性 与 Application J&A E], Session 对 象 变量 只 针对 单一 网 页 ， 各 个 机 天 之 间 的 
Session 的 对 和 象 不 尽 相 同 。 

例如 用 户 A 和 用 户 B， 当 用 户 A 访问 该 Web 应 用 时 ， 应 用 程序 可 以 显示 的 为 该 用 户 增 
加 一 个 Session 值 ， 同 时 用 户 B 访问 该 Web 应 用 时 ， 应 用 程序 同样 可 以 为 用 户 B 增加 一 个 
Session 值 。 但 是 与 Application 不 同 的 是 ,用户 A 无 法 存 取 用 户 B 的 Session 值 ， 用 户 B 也 无 
法 存 取 用 户 A 的 Session 值 。 Application 对 和 象 终止 于 HIS 服务 停止 ,但 是 Session 对 象 变量 终 
止 于 联机 机 带 离 线 时 ， 也 就 是 说 当 网 页 使 用 者 关闭 浏览 如 或 者 网 页 使 用 者 在 页 面 进行 的 操作 
时 间 超 过 系统 规定 时 ，Session 对 象 将 会 目 动 注销 。 

1. Session 对 和 象 的 特性 

Session 对 和 象 和 常用 的 属性 有 : 

BE IsNewSession: 如 果 用 户 访问 页 面 时 创建 新 会 话 ， 则 此 属性 将 返回 tre, ， 否 则 将 返回 false, 

Bl TimeOut: 传 回 或 设置 Session 对 象 变 量 的 有 效 时 间 ， 如 采 在 有 效 时 间 内 没有 任何 客户 
mE, WMS HAMEN, 
注意 如 果 不 设 置 TimeOut 属性 ， 则 系统 默认 的 超时 时 间 为 20min。 
Session 对 和 象 和 常用 的 方法 有 : 
Bl Add. 创建 一 个 Session 对 象 。 
Bl Abandon: 该 方法 用 来 结束 当前 会 话 并 清除 对 话 中 的 所 有 信息 ， 如 采用 户 重 新 访问 页 
则 可 以 创建 新 会 话 。 
B Clear. 此 方法 将 清除 全 部 的 Session 对 象 变量 ,但 不 结束 会 话 。 
注意 : Session X] j& "| VAR JI] Add 方法 进行 创建 ， 直 接 使 用 Session | ^E "| = 变量 
值 的 语法 也 可 以 进行 Session 对 象 的 创建 。 

2. Session 对 象 的 使 用 

Session 对 象 可 以 使 用 于 安全 性 相 比 之 下 较 高 的 场合 ， 例 如 后 台 登 录 。 在 后 台 登 录 的 制 
作 过 程 中 ， 管 理 员 拥 有 一 定 的 操作 时 间 ， 而 如 采 管 理 员 在 这 段 时 间 不 进行 任何 操作 的 话 ， 为 
了 保证 安全 性 ， 后 台 将 目 动 注销 ， 如 果 管 理 员 需 要 再 次 进行 操作 ， 则 需要 再 次 登录 。 在 管理 
员 登 录 时 ， 如 果 登 录 成 功 ， 则 需要 给 管理 员 一 个 Session 对 象 ， 示 例 代 码 如 下 . 


面 


e 
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protected void Buttonl_Click( object sender, EventArgs e) 


| 


Session| " admin" | =" guojing" ; // 新 增 Session XTZ 
Response. Redirect ( " Session. aspx" ) ; // 页 面 跳 转 


当 管理 员 单 击 注销 按钮 时 ， 则 会 注销 Session 对 象 并 提示 再 次 登录 ， 示 例 代 码 如 下 : 


protected void Button2_Click( object sender, EventArgs e) 


| 


Session. Clear( ) ; // 删 除 所 有 Session 对 象 
Response. Redirect( " Session. aspx" ) ; 


j 
在 Page Load 方法 中 ， 可 以 判断 是 否 已 经 存在 Session 对 象 ， 如 果 存 在 Session 对 象 ， 则 


说 明 管 理 员 当 前 的 权限 是 正常 的 ， 如 果 不 存在 Session 对 象 ， 则 说 明 当 前 管理 员 的 权限 可 能 
是 错误 的 ， 或 者 是 非法 用 户 正 在 访问 该 页 面 ， 示 例 代 码 如 下 : 
protected void Page_Load( object sender, EventArgs e) 


| 


if (Session| "admin" | ! = null) // lll AR Session| “admin” AAZ 


| 
if ( String. IsNullOrEmpty( Session| "admin" |. ToString( ) ) ) 


/ / WAHL E T B 


Buttonl. Visible = true; // 显 式 登 录 控 件 
Button2. Visible = false; /人 /隐藏 注销 控件 
Response. Redirect( " admin, login. aspx" ) ; 
// 跳 转 到 登录 页 面 
else 
| 
Buttonl. Visible = false ; // 显 式 注销 控件 
Button2. Visible = true; / / Été i 8 T LE 


| 
上 述 代 人 码 当 管理 员 没 有 登录 时 ， 则 会 出 现 登录 按钮 ， 如 果 登 录 了 ， 和 存在 Session X122, 


则 登录 按钮 被 隐藏 ， 只 显示 注销 按钮 。 其 HTML 代码 如 下 : 


< asp: Button ID =" Buttonl" runat =" server" onclick =" Buttonl. Click" Text = "%53" / > 


< asp: Button ID = " Button2" runat =" server" onclick =" Button2_Click" Text = "$4" /> 


上 述 代 人 码 运 行 后 如 图 4-5 和 图 4-6 所 示 。 
当 再 次 单 击 【 注销】 按钮 时 则 会 清空 Session 对 象 ， 再 次 返回 登录 窗口 时 会 呈现 


ail 
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图 4-5 所 示 。 


E ial xl 
le Jw n http://localhost -| be 


"e tp: //localhost: We |*3 


题 内 


à > 
EÈ 本 地 Intranet | HP R1508 ~ 77 


图 4-5 登录 前 图 4-6 登录 后 


EÈ 本 地 Intranet | 保护 模 3| 护 150% > 77 


4.1.5 Server 服务 对 象 


Server 对 象 提供 对 服务 硕 上 的 方法 和 属性 进行 访问 。 
1. Server 对 和 象 的 常用 属性 
Server 对 象 的 常用 属性 如 下 所 示 : 
BE MachineName ， 获 取 十 程 服务 磊 的 名 称 。 
Bl ScriptTimeout， 获 取 和 设置 请 求 超时 。 
通过 Server 对 象 能 够 获取 远程 服务 需 的 信息 ， 示 例 代 码 如 下 : 
protected void Page_Load( object sender, EventArgs e) 
| 
Response. Write( Server. MachineName ) ; // 输 出 服务 器 信息 
上 述 代码 运行 后 将 会 输出 服务 天 名 称 ， 输 出 结 采 根据 服务 硕 的 名 称 不 同 而 不 同 。 
2. Server 对 象 的 常用 方法 
Server 对 象 的 常用 方法 如 下 : 
图 CreatObject， 创 建 COM 对 象 的 一 个 服务 融 实 例 。 
Bl Execute ， 使 用 另 一 个 页 面 执行 当前 请 求 。 
BE Transfer， 终 止 当 前 页 面 的 执行 ， 并 为 当前 请 求 开 始 执行 新 页 面 。 
Bl HtmlDecode ， 对 已 被 编码 的 消除 Html 无 效 字 符 的 字符 串 进行 解码 。 
Bl HtmlRncode， 对 要 在 浏览 右 中 显示 的 字符 串 进 行 编码 。 
BI MapPath， 返 回 与 Web 服务 硕 上 的 执行 虚拟 路 径 相 对 应 的 物理 文件 路 径 。 
Bl UrlDecode ， 对 字符 串 进 行 解码 ， 该 字符 串 为 了 进行 HTTP 传输 而 进行 编码 ， 并 在 


URL 中 发 送 到 服务 需 。 


Bl UrlFncode ， 编 码 字 符 串 ， 以 便 通 过 URL 从 Web 服务 器 到 客户 端 浏 览 器 的 字符 串 传 输 。 
在 ASP. NET 中 ， 默 认 编码 是 UTF-8， 所 以 在 使 用 Session 和 Cookie 对 和 象 保 存 中 文字 符 或 


者 其 他 字符 集 时 经 常会 出 现 乱 码 ， 为 了 避免 乱码 的 出 现 ， 可 以 使 用 HtmlDecode 和 HtmlEn- 
code 方法 进行 编码 和 解码 。HTML 页 面 代 码 如 下 : 


< body > 
< form id = " forml" runat = " server" > 
<p> 
HtmlDecode: 
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« asp : Label ID =" Labell" runat =" server" Text =" Label" > «/asp:Label > 
</p> 
<p> 
HtmlEncode : 
« asp : Label ID 2 " Label2" runat =" server" Text =" Label" > «/asp:Label > 
</p> 
« / form > 
« / body > 
上 述 代 码 使 用 了 两 个 文本 标签 控件 用 来 你 存 并 呈现 编码 后 和 解码 后 的 字符 串 ,， 在 CS 页 
面 可 以 对 字符 串 进行 编码 和 人 解码 操作 ， 示 例 代码 如 下 . 


string str =" <p>(*” ^x ) ITE eesse «/p»"; // ya BH*E TER 
Labell. Text = Server. HtmlIEncode( str ) ; // ZIT 88 2g fi) 
Label2. Text = Server. HtmlDecode( Labell. Text) ; //*g Tj E BERE 


上 述 代码 将 str 字符 串 进行 编码 并 存放 在 Labell 标 
Zh Label 标签 将 读 取 Labell 标签 中 的 字符 串 再 进 
行 解码 ， 运 行 后 如 图 4-7 所 示 。 

在 使 用 了 HtmlEncode 方法 后 ， 编 码 后 的 HTML 标 ”| HtmDecode: «p»(*^. ^) 嘻 嘻 …..<ip> 

注 会 和 被 转换 成 相应 的 字符 ， 如 符号 “< ”会 被 转换 成 ”| HaaEncode 
字符 “&dlt;”。 在 进行 解码 时 ， 相 应 的 字符 会 被 转换 回 | e ge... 
K, HEMER MN Aaro m LEN a Ar hE zI 
接收 HTML 字符 时 ，URL 地 址 栏 中 对 页 面 的 参数 的 传 一 
递 不 能 够 包括 空格 ， 换 行 等 符号 ， 如 果 需 要 使 用 该 符 。 图 47 HtmlEneode 和 HtmlDecode 
号 ， 可 以 使 用 UrlEncode 方法 和 UrlDecode 方法 进行 变量 的 编码 解 鸽 ， 示 例 代 但 如 下 : 

protected void Buttonl_Click( object sender, EventArgs e) 


| 


Yindows Internet Explorer 


从 无 标题 页 - 


le a) v je http://localhost "| > X [百度 


string str = Server. UrlEncode( " 错误 信息 \n 操作 异常 " e 使 用 UrlEncode 进行 编码 
Response. Redirect( " Server. aspx? str =" + str); // 页 面 跳 转 

| 

在 Page Load 方法 中 可 以 接收 该 字符 串 ， 示 例 代 码 如 下 : 

if ( Request. QueryString| "str" | ! 2 "") 


| 


Label3. Text = Server. UrlDecode ( Request. QueryString| " str" | ) ;// 使 用 UrlDecode 进行 解码 

| 

当 长 字符 串 跳 转 和 密封 的 信息 在 页 面 中 进行 发 送 和 传递 时 ， 可 以 使 用 UrlEncode 方法 和 
UrlDecode 方法 进行 变量 的 编码 解码 ， 以 提高 应 用 程序 的 安全 性 。 

3. Server. MapPath 方法 

在 创建 文件 ， 删 除 文 件 或 者 读 取 文件 类 型 的 数据 库 时 (如 Access 和 SQLite) ， 都 需要 指 
定 文件 的 路 径 并 显 式 的 提供 物理 路 径 执 行文 件 的 操作 ， 如 D: \ Program Files。 但 是 这 样 做 
却 又 露 了 物理 路 径 ， 如 打 有 非法 用 户 进行 非法 操作 ， 很 容易 就 显示 了 物理 路 径 ， 这 样 丈 造成 
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了 安全 问题 。 

而 如 果 在 使 用 文件 和 创建 文件 时 ， 如 果 非 要 为 创建 文件 的 保存 地 址 设置 一 个 物理 路 径 ， 
这 样 非常 不 便 ， 并 且 用 户 体 验 也 不 好 。 当 用 户 需 要 上 传 文件 时 ， 用 户 不 可 能 知道 也 不 应 该 知 
道 服 务 硕 路 径 。 如 采 使 用 MapPath 方法 能 够 实现 。MapPath 方法 以 “/ ”开头 ， 则 返回 Web 
应 用 程序 的 根 目 录 所 在 的 路 径 ， 奉 MapPath 方法 以 “..Z ”开头 ， 则 会 从 当前 目录 开始 寻找 
上 级 目录 ， 如 图 4-8 所 示 ， 而 其 实际 服务 套路 径 如 网 4-9 所 示 。 


加 解决 方案 “13-1”(1 个 项 目 ) 
日- ÉA 13-1 
root a 


B-E- 


filel 
| l myfile.aspx 
LL | | 
图 4-8 MapPath 示意 图 图 4-9 ”服务 器 路 径 


如 图 4-8 所 示 ， 论 坛 根 目 录 为 root， 在 根 目录 下 有 一 个 文件 夹 为 flel ， 在 flel 中 的 文件 
可 以 使 用 MapPath 访问 根 目 录 中 文件 的 方法 有 Server. MapPath (“.. /文件 名 称 ”) 或 Serv- 
er. MapPath ( “/ 文 件 名 称 ”) zx F : 

string FilePath = Server. MapPath( ". . /Default. aspx" ) ; // ERAS 

string FileRootPath = Server. MapPath( " / Default. aspx" ) ; // 设 置 路 径 

Server. MapPath 其 实 返回 的 是 物理 路 径 ， 但 是 通过 MapPath 的 封 汐 ， 通 过 代码 无 法 看 见 
夏 实 的 物理 路 径 ， 厂 需要 知道 真实 的 物理 路 径 ， 只 需 输 出 Server. MapPath 即 可 ， 示 例 代 码 
如 下 : 

Response. Write( Server. MapPath( ". . /Default. aspx" ) ) ; //[ 输 出 路 径 


4.1.6 Cookie 状态 对 象 


Session 对 和 象 能 够 保存 用 户 人 信息， 但 是 Session 对 象 并 不 能 够 持久 地 保存 用 户 信 息 ， 当 用 
户 在 限定 时 间 内 没有 任何 操作 时 ， 用 户 的 Session 对 象 将 被 注销 和 清除 ， 在 持久 化 保存 用 户 
信息 时 ，Session 对 象 并 不 适用 。 

1. Cookie 对 象 

使 用 Cookie 对 象 能 够 持久 化 地 保存 用 户 信 息 ， 相 比 于 Session 对 象 和 Application 对 象 而 
Fi, Cookie 对 和 象 保 存在 客户 端 ， 而 Session 对 象 和 Application XJ Z& Br 4f TE M 5 as 9m, PIT LA 
Cookie 对 象 能 够 长 期 保存 。Web 应 用 程序 可 以 通过 获取 客户 端的 Cookie 的 值 来 判断 用 户 的 
FRITU. 

ASP. NET 内 包含 两 个 内 部 的 Cookie 集合 。 通 过 HttpRequest 的 Cookies 集合 来 进行 访问 ， 
Cookie 不 是 Page 类 的 子 类 ， 所 以 使 用 方法 和 Session 和 Application 不 同 。 相 比 于 Session 和 
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Application 而 言 Cookie 的 优点 如 下 : 

BI 可 以 配置 到 期 的 规则 : Cookie 可 以 在 浏览 带 会 话 结 束 后 立即 到 期 ， 也 可 以 在 客户 并 
中 无 限 保存 。 

Bl 简单 : Cookie 是 一 种 基于 文本 的 轻 量 级 结构 ， 包 括 简 单 的 键 值 对 。 

图 数据 持久 性 : Cookie 能 够 在 客户 六 上 长 期 进行 数据 保存 。 

B 无 需 任 何 服务 融资 源 : Cookie 无 需 任 何 服务 融资 源 ， 存 储 在 本 地 客户 端 中 。 

虽然 Cookie 包括 奉 干 优点 ， 这 些 优点 能 够 弥补 Session XJ «fll Application 对 象 的 不 足 ， 
但 是 Cookie 对 象 同样 有 缺点 ，Cookie 的 缺点 如 下 : 

BI 大 小 限制 : Cooke 包括 大 小 限制 ， 并 不 能 无 限 保存 Cookie 文件 。 

B 不 确定 性 如果 客户 端 配 置 禁 用 Cookie 配置 ， 则 Web 应 用 中 使 用 的 Cookie 将 被 限 
制 ， 客 户 端 将 无 法 保存 Cookie, 

B 安全 风险 : 现在 有 很 多 的 软件 能 够 伪装 Cookie， 这 意味 着 保存 在 本 地 的 Cookie 并 不 
安全 ，Cookie 能 够 通过 程序 修改 为 伪造 ， 这 会 导致 Web 应 用 在 认证 用 户 权限 时 会 出 现 错误 。 

Cookie 是 一 个 轻 量 级 的 内 置 对 象 Cookie 并 不 能 将 复杂 和 庞大 的 文本 进行 存储 ， 在 进行 
相应 的 信息 或 状态 的 存储 时 ， 应 该 考虑 Cookie 的 大 小 限制 和 不 确定 性 。 

2. Cookie 对 和 象 的 属性 

Cookie 对 象 的 属性 如 下 . 

BE Name， 获 取 或 设置 Cookie 的 名 称 。 

Bl Value ， 获 取 或 设置 Cookie 的 Value, 

BI FExpires ， 获 取 或 设置 Cookie 过 期 的 日 期 和 事件 。 

W Version, ， 获 取 或 设置 Cookie 符合 HTTP 维护 状态 的 版 本 。 

3. Cookie 对 和 象 的 方法 

Cookie 对 象 的 方法 如 下 . 

BI Add， 增 加 Cookie 变量 。 

Bl Clear， 清 除 Cookie 集合 内 的 变量 。 

B Get， 通 过 变量 名 称 或 索引 得 到 Cookie 的 变量 值 。 

BI Remove， 通 过 Cookie 变量 名 称 或 索引 删除 Cookie 对 象 。 

4. 创建 Cookie 对 和 象 

通过 Add 方法 能 够 创建 一 个 Cookie 对 象 ， 并 通过 Expires 属性 设置 Cookie 对 象 在 客户 端 
中 所 持续 的 时 间 ， 示 例 代 人 码 如 下 : 

HttpCookieMyCookie = new HttpCookie( " MyCookie " ) ; 

MyCookie. Value = Server. HtmlEncode( “FRAY Cookie 应 用 程序 ”") ; /设置 Cookie 的 值 

MyCookie. Expires = DateTime. Now. AddDays(5) ; // 设 置 Cookie 过 期 时 间 

Response. AppendCookie ( MyCookie ) ; // 33$ Cookie 

上 述 代 码 创 建 了 一 个 名 称 为 MyCookie 的 Cookies, 上 述 代 码 通 过 使 用 Response 对 和 象 的 
AppendCookie 方法 进行 Cookie 对 和 象 的 创建 ， 与 之 相同 ， 可 以 使 用 Add 方法 进行 创建 ， 示 例 
代码 如 下 : 

Response. Cookies. Add( MyCookie ) ; 

上 述 代码 同样 能 够 创建 一 个 Cookie 对 象 ， 当 创建 了 Cookie 对 象 后 ， 将 会 在 客户 端的 
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Cookies 目录 下 建立 文本 文件 ， 文 本 文件 的 内 容 如 下 : 

MyCookie 

MyCookie 

注意 : Cookies 目录 在 Windows 下 是 隐藏 目录 ， 并 不 能 直接 对 Cookies 文件 夹 进行 访问 ， 
在 该 文件 夹 中 可 能 存在 多 个 Cookie 文本 文件 ， 这 是 由 于 在 一 些 网 站 中 进行 登录 保存 了 Cook- 
ies 的 原因 。 

5. 获取 Cookie 对 象 

Web 应 用 在 客户 端 浏 览 右 创建 Cookie 对 象 之 后 ， 就 可 以 通过 Cookie 的 方法 读 取 客户 站 
中 保存 的 Cookies fei Ek, IAHR T: 

protected void Page. Load( object sender, EventArgs e) 


| 


try 

| 
HttpCookie MyCookie = new HttpCookie( " MyCookie ") ; /创建 Cookie XJ Z& 
MyCookie. Value = Server. HtmlEncode(" 我 的 Cookie 应 用 程序 " ) ; 


/ / Cookie WME 
MyCookie. Expires 2 DateTime. Now. AddDays(5) ; // Cookie 持续 时 间 
Response. AppendCookie ( MyCookie ) ; // 湛 加 Cookie 
Response. Write( " Cookies 创建 成 功 " ) ; // 输 出 成 功 


Response. Write(" < hr/ > 获取 Cookie 的 值 <hr/ >"); 

HttpCookie GetCookie = Request. Cookies| " MyCookie" | ; /获取 Cookie 

Response. Write( " Cookies 的 值 :" + GetCookie. Value. ToString( ) +" <br >"); 
// 输 出 Cookie 值 

Response. Write( " Cookies 的 过 期 时 间 ." + GetCookie. Expires. ToString( ) +" <br >"); 


catch 


| 
Response. Write( " Cookies 创建 失败 " ) ; // 抛 出 异常 


述 代 码 创 建 一 个 Cookie 对 象 之 后 立即 获取 刚才 创建 的 Cookie 对 象 的 值 和 过 期 时 间 。 
通过 i hequest. Cookies 方法 可 以 通过 Cookie 对 象 的 名 称 或 者 索引 获取 Cookie 的 值 。 
在 一 些 网 站 或 论坛 中 ， 经 党 使 用 到 Cookie， 当 用 户 浏 览 并 登录 在 网 站 后 ， 如 果 用 户 浏览 
元 毕 并 退出 网 站 时 ，Web 应 用 可 以 通过 Cookie 方法 对 用 户 信 息 进 行 保存 。 当 用 户 再 次 登录 
时 ， 可 以 直接 获取 客户 端的 Cookie 的 值 而 无 需 用 户 再 次 进行 登录 操作 。 


4.1.7 Cache 缓存 对 象 


Cache 对 和 象 通过 HttpContext 对 象 的 属性 或 Page 对 象 的 Cache 属性 来 提供 。Cache 对 于 每 
个 应 用 程序 域 均 创 建 该 类 的 实例 ， 只 要 相应 的 应 用 程序 域 是 激活 状态 ， 则 该 实例 则 为 有 效 
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状态 。 

1. Cache 对 和 象 的 属性 

Cache 对 象 的 属性 如 下 . 

BI Count， 获 取 和 存储 在 缓存 中 的 Cache 对 象 的 项 数 。 

图 Item ， 获 取 或 设置 指定 外 键 的 绥 存 项 。 

2. Cache 对 象 的 方法 

Cache 对 象 的 方法 如 下 : 

B Add， 将 指定 的 项 添加 到 Cache 对 象 ， 该 对 象 具 有 依赖 项 ， 过 期 和 优先 级 策略 ， 以 及 
一 个 委托 。 

E Cet, M Cache 对 象 检索 指定 项 。 

Bl Remove， 从 应 用 程序 的 Cache 对 象 移 除 指定 项 。 

Bl insert, E) Cache 对 象 插入 一 个 新 项 。 

3. Cache 对 和 象 的 使 用 

Cache 对 和 象 可 以 使 用 Get 方法 从 相应 的 Cache 对 象 中 获取 Cache XIRAR, Get 方法 能 人 够 
通过 Cache 对 象 的 名 称 和 索引 来 获取 Cache HRAJE, zs PS UD P: 

protected void Buttonl_Click( object sender, EventArgs e) 


| 


try 
| 

Cache. Get( " Labell. Text" ) ; / / SRE Cache 对 象 的 值 
| 
catch // 捕 获 异 常 , 同 try 使 用 
| 

Label2. Text = " 获取 Cache 的 值 失 败 1"，; // 输 出 错误 异常 信息 


| 
| 
通过 Cache 的 Count 属性 能 够 获取 现 有 的 Cache 对 象 的 项 数 ， 示 例 代 码 如 下 、 
Response. Write(" Cache 对 和 象 的 项 数 有 " + Cache. Count. ToString( ) ) ; /输出 Cache 项 数 


4.1.8 Global. asax 配置 


Global. asax 配置 文件 也 称 作 ASP. NET 应 用 程序 文件 ， 该 文件 是 可 选 文件 。 该 文件 包含 
用 于 相应 ASP. NET 或 HttpModule 引发 的 应 用 程序 级 别 事件 的 代码 。GClobal. asax 配置 文件 主 
流 在 基于 ASP. NET 应 用 程序 的 根 目 录 中 ， 在 应 用 程序 运行 时 ， 首 先 编 详 兹 会 分 析 Glob- 
al. asax 配置 文件 并 将 其 编译 到 一 个 动态 生成 的 . NET Framework 类 ， 该 类 是 从 HttpApplication 
JEZSUK^EHJ, Global. asax 配置 文件 不 能 通过 URL 进行 访问 ， 以 保证 配置 文件 的 安全 性 。 

1. 创建 Global. asax 配置 文件 

Global. asax 配置 文件 通常 处 理 高 级 的 应 用 程序 事件 ， 如 Application | Start, Application 
— End, Session | Start 55, Global. asax 配置 文件 通常 不 为 个 别 页 面 或 事件 进行 请 求 相 应 。 创 
建 Global. asax 配置 文件 可 以 通过 新 建 【 全 局 应 用 程序 类 】 文件 来 创建 ， 如 图 4-10 所 示 。 
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图 4-10 创建 Global asax 配置 文件 


创建 完成 Global. asax 配置 文件 ， 系 统 会 自动 创建 一 系列 代码 ， 开 发 人 员 只 需要 向 相应 
的 代码 块 中 添加 事务 处 理 程序 即 可 。 

2. 应 用 域 开 始 (Application_Start) 和 应 用 域 结 束 (Application End) 事件 

在 Global. asax 配置 文件 中 ，Application_Start 事件 会 在 Application 对 象 被 创建 时 触发 ， 
通 销 Application, Start 对 象 能 够 对 应 用 程序 进行 全 局 配置 。 在 统计 在 线 人 数 时 ， 通 过 重 写 Ap- 
plication_Start 方法 可 以 实现 实时 在 线 人 数 统计 ， 示 例 代 人 码 如 下 . 

protected void Application, Start( object sender, EventArgs e) 


| 


Application. Lock ( ) ; // 锁 定 Application XJ 2 
Application[ " start" ] =" Application 对 象 被 创建 " ; // 8f Application 对 象 
Application. UnLock( ) ; // RED Application XJ 2 


| 

当 用 户 使 用 Web 应 用 时 ， 就 会 触发 Application_Start 方法 ， 而 与 之 相反 的 是 ，Applica- 
tion End 事件 在 Application 对 象 结 束 时 被 触发 ， 示 例 代 码 如 下 : 

protected void Application, End( object sender, EventArgs e) 


| 


Application. Lock ( ) ; // 锁 定 Application XJ e 
Application| " end" | =" Application 对 象 被 销毁 " ; /清除 Application X] Z& 
Application. UnLock( ) ; // fi B, Application XJ 


j 

当 用 户 离 开 当 前 的 Web hz HII, Nb Application End 方法 ， 开 发 人 员 能 够 在 Ap- 
plication End 方法 中 清理 相应 的 用 户 数 据 。 

3. 应 用 域 错 误 (Application. Error) 事件 

Application, Error 事件 在 应 用 程序 发 送 错 误 信息 时 被 触发 ,通过 重 写 该 程序 ， 可 以 控制 
Web 应 用 程序 的 错误 信息 或 状态 ， 示 例 代码 如 下 : 
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protected void Application. Error( object sender, EventArgs e) 


| 


Application. Lock ( ) ; // 锁 定 Application XJ 2 
Application[ " error" ] = "一 个 错误 已 经 发 生 " ; // 错 误 发 生 
Application. UnLock( ) ; // fR Application XJ 


| 
4. Session 开始 (Session Start) 和 Session 结束 (Session End) 事件 
Session. Start 事件 在 Session 对 象 开 始 时 被 触发 。 通 过 Session. Start 事件 可 以 统计 应 用 程 
序 当前 访问 的 人 数 ， 同 时 也 可 以 进行 一 些 与 用 户 配 置 相关 的 初始 化 工作 ， 示 例 代码 如 下 .: 
protected void Session, Start( object sender, EventArgs e) 
| 
Session| " count" | =1; // Session 开始 执行 
| 
与 之 相反 的 是 Session, End 事件 ， 当 Session 对 象 结束 时 则 会 触发 该 事件 ， 当 使 用 Session 
对 和 象 统计 在 线 人 数 时 ， 可 以 通过 Session End 事件 减少 在 线 人 数 的 统计 数字 ， 同 时 也 可 以 对 
用 户 配置 进行 相关 的 清理 工作 ， 示 例 代 码 如 下 : 
protected void Session, End( object sender, EventArgs e) 
| 
Session| " count" | = null; // 设 置 Session 为 null 
Session. Clear( ) ; // T8 ER Session 对 象 
| 
上 上述 代码 当 用 户 离 开 页 面 或 者 Session 对 象 生命 周期 结束 时 被 触发 ， 在 Session. End 中 可 
以 清除 用 户 信息 进行 相应 的 统计 操作 。 
注意 .Session 对 象 和 Application 对 $* 都 能 够 进行 应 用 程序 中 在 线 人 数 或 应 用 程序 的 统 
计 和 计算 。 在 选择 对 象 时 ， 可 以 按照 应 用 要 求 (特别 是 对 象 生命 周期 的 要 求 ) 选择 不 同 的 
内 置 对 象 。 


4.2 ASP.NET 应 用 程序 配置 


ASP. NET 包含 一 个 重要 的 特性 ， 它 为 开发 人 员 提 供 了 一 个 非常 方便 的 系统 配置 文件 ， 
就 是 第 用 的 Web. config 和 Machine. config。 配 置 文件 能 人 够 存储 用 户 或 应 用 程序 的 配置 信息 ， 
让 开发 人 员 能 够 快速 地 建立 Web 应 用 环境 ， 以 及 扩展 Web 应 用 配置 。 


4.2.1 ASP. NET 应 用 程序 配置 


ASP. NET 为 开发 人 员 提 供 adi 灵活 的 配置 系统 ， 配 置 系统 通 第 通过 文件 的 形式 存 
在 于 Web 应 用 根 上 日 录 下 。 这 些 配 置 文件 通常 包括 两 类 , 分别 是 Web. config 和 
Machine. config, Machine. config 是 服务 需 配 置 文件 。 服 务 需 配置 信息 通 稼 存储 在 该 文件 中 ， 
该 文件 一 般 存 储 在 系统 目录 中 的 “ systemroot V Microsoft. NET V Framework V VersionNumber ^ 
CONFIG” 目录 下 。 一 台 服 务 器 只 有 一 个 Machine. config 文件 ， 该 文件 描述 了 所 有 ASP. NET 
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Web 应 用 程序 所 需要 的 默认 配置 。 

Web. config 是 应 用 程序 配置 文件 ， 该 文件 从 Machine. config 文件 集成 一 部 分 基本 配置 ， 
并 且 Web. config 能 够 作为 服务 器 上 所 有 ASP. NET 应 用 程序 配置 的 跟踪 配置 文件 。 每 个 
ASP. NET 应 用 程序 根 目录 都 包含 Web. config 文件 ， 所 以 对 于 每 个 应 用 程序 的 配置 都 只 需要 
重 写 Web. config 文件 中 的 相应 配置 即 可 。 

在 ASP. NET 应 用 程序 运行 后 ，Web. config 配置 文件 按照 层次 结构 为 传人 的 每 个 URL 请 
求 计算 唯 一 的 配置 设置 集合 。 这 些 配置 只 会 计算 一 次 便 缓存 在 服务 如 上 。 如 有 果 开 发 人 员 针 对 
Web. config 配置 文件 进行 了 更 改 ， 则 很 有 可 能 造成 应 用 程序 重启。 值得 注意 的 是 ， 应 用 程序 
的 重启 会 造成 Session 等 应 用 程序 对 和 象 的 丢失 ， 而 不 会 造成 服务 右 的 重启 。 


4.2.2 Web. config 配置 文件 


ASP. NET 应 用 程序 的 配置 信息 都 存放 于 Web. config 配置 文件 中 ，Web. config 配置 文件 
是 基于 XML 格式 的 文件 类 型 ， 由 于 XML 文件 的 可 伸缩 性 ， 使 得 ASP. NET 应 用 配置 变 得 灵 
活 、 高 效 、 容 易 实现 。 同 时 ，ASP. NET 不 允许 外 部 用 户 直 接 通 过 URL 请 求 访 问 Web. config, 
以 提高 应 用 程序 的 安全 性 。 

1. Web. config 配置 文件 的 优点 

Web. config 配置 文件 使 得 ASP. NET 应 用 程序 的 配置 变 得 灵活 、 高 效 和 容易 实现 ， 同 时 
Web. config 配置 文件 还 为 ASP. NET 应 用 提供 了 可 扩展 的 配置 ， 使 得 应 用 程序 能 够 自 定 义 配 
置 ， MUWE, Web. config 配置 文件 还 包括 以 下 优点 : 

B 配置 设置 易 读 性 ， 由 于 Web. config 配置 文件 是 基于 XML 文件 类 型 ， 所 有 的 配置 信息 
都 存放 在 XML 文本 文件 中 ， 可 以 使 用 文本 编辑 咒 或 者 XML 编辑 右 直 接 修 改 和 设置 相应 配置 
节 ， 相 比 之 下 ， 也 可 以 使 用 记事 本 进行 快速 配置 而 无 需 担 心 文件 类 型 。 

B 更 新 的 即时 性 ， 在 Web. config 配置 文件 中 某 些 配置 节 被 更 改 后 ， 无 需 重 局 Web 应 用 
程序 就 可 以 目 动 更 新 ASP. NET 应 用 程序 配置 。 但 是 在 更 改 有 些 特定 的 配置 万 时 ，Web 应 用 
程序 会 目 动 保存 设置 并 重 局 。 

B 本 地 服务 需 访 问 ， 在 更 改 了 Web. config 配置 文件 后 ，ASP. NET 应 用 程序 可 以 自动 探 
测 到 Web. config 配置 文件 中 的 变化 ,然后 创建 一 个 新 的 应 用 程序 实例 。 当 浏览 者 访问 
ASP. NET 应 用 时 ， 会 被 重 定 问 到 新 的 应 用 程序 。 

B 安全 性 ， 由 于 Web. config 配置 文件 通常 存储 的 是 ASP. NET 应 用 程序 的 配置 ， 所 以 
Web. config 配置 文件 具有 和 较 高 的 安全 和 性， 一般 的 外 部 用 户 无 法 访问 和 下 载 Web. config 配置 
文件 。 当 外 部 用 户 尝 试 访问 Web. config 配置 文件 时 ， 会 导致 访问 错误 。 

B 可 扩展 性 ，Web. config 配置 文件 具有 很 强 的 扩展 性 ， 通 过 Web. config 配置 文件 ， 开 
发 人 员 能 够 自 定 义 配 置 生 ， 在 应 用 程序 中 自行 使 用 。 

B 保密 性 ， 开 发 人 员 可 以 对 Web. config 配置 文件 进行 加 密 操 作 而 不 会 影响 到 配置 文件 
中 的 配置 信息 。 虽 然 Web. config 配置 文件 具有 安全 性 ， 但 是 通过 下 载 工具 依旧 可 以 进行 文 
件 下 载 ， 对 Web. config 配置 文件 进行 加 密 ， 可 以 提高 应 用 程序 配置 的 安全 性 。 

使 用 Web. config 配置 文件 进行 应 用 程序 配置 ， 极 大 地 加 强 了 应 用 程序 的 扩展 性 和 灵活 
性 ， 对 于 配置 文件 的 更 改 也 能 够 立即 地 应 用 于 ASP. NET 应 用 程序 中 。 
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2. Web. config 配置 文件 的 结构 

Web. config 配置 文件 是 基于 XML 文件 类 型 的 文件 ， 上 所 以 Web. config 文件 同样 包含 XML 
结构 中 的 树 形 结构 。 在 ASP. NET 应 用 程序 中 ， 所 有 的 配置 信息 都 存储 在 Web. config 文件 中 
HJ " «configuration > ”配置 万 中 。 在 此 配置 广 中 ， 包 括 配 置 市 处 理应 用 程序 声明 ， 以 及 配 
置 节 设 置 两 个 部 分 ， 其 中 ， 对 处 理应 用 程序 的 声明 存储 在 configSections MATAN, mp 
如 下 : 


< configSections > 


< sectionGroup 
name = " system. web. extensions" 
type = " System. Web. Configuration. SystemWebExtensionsSectionGroup , 
System. Web. Extensions, Version = 3. 5. 0. 0, Culture = neutral, PublicKeyToken = 
3] BF3856AD364E35" > 
« sectionGroup 
name = " scripting" 
type = " System. Web. Configuration. ScriptingSectionGroup, 
System. Web. Extensions, Version = 3. 5. 0. 0, Culture = neutral, PubliceKeyToken = 
3] BF3856AD364E35" > 
< section 
name = " scripthesourceHandler" 
type = " System. Web. Configuration. ScriptingScriptResourceHandlerSection , 
System. Web. Extensions, Version = 3. 5. 0. 0, Culture = neutral, PubliceKeyToken = 
3] BF3856AD364E35" 
requirePermission = "false" allowDefinition = " MachineToApplication" / > 
« sectionGroup 
name = " webServices" 
type = " System. Web. Configuration. ScriptingWebServicesSectionGroup , 
System. Web. Extensions, Version = 3. 5. 0. 0, Culture = neutral, PubliceKeyToken = 
3] BF3856AD364E35" > 
« /sectionGroup > 
« /sectionGroup > 
« /sectionGroup > 
« / configSections > 
配置 市 设置 区 域 中 的 每 个 配置 市 都 有 一 个 应 用 程序 声明 。 市 处 理 程序 是 用 来 实现 Con- 
figurationSection 接口 的 . NET Framework 类 。 闻 处 理 程 序 声明 中 包括 了 配置 设置 节 的 名 称 ， 
以 及 用 来 处 理 该 配置 市 中 的 应 用 程序 的 类 名 。 
配置 节 设 置 区 域 位 于 配置 市 处 理 程序 声明 区 域 之 后 。 对 配置 市 的 设置 还 包括 子 配 置 节 的 
配置 ， 这 些 子 配置 市 同 父 配 置 证 一 起 描述 一 个 应 用 程序 的 配置 ， 通 和 常 情况 下 这 些 同 父 配置 市 
由 同一 个 配置 市 进行 管理 ， 示 例 代 人 码 如 下 : 
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< pages » 
« controls » 


< add tagPrefix = " asp" namespace = " System. Web. UI" 


assembly = " System. Web. Extensions, 


Version 23. 5. 0. 0, Culture = neutral, PublicKeyToken 231 BF3856AD364E35" / > 
<add tagPrefix = "asp" namespace = " System. Web. UI. WebControls" 
assembly = " System. Web. Extensions, 
Version 23. 5. 0. 0, Culture = neutral, PublicKeyToken 231 BF3856AD364E35" / > 
< / controls > 
< /pages > 
虽然 Web. config 配置 文件 是 基于 XML 文件 格式 的 ， 但 是 在 Web. config 配置 文件 中 并 不 
能 随意 地 上 自行 添加 配置 世 或 者 修改 配置 节 的 位 置 ， 例 如 pages 配置 节 就 不 能 存放 在 configSec- 
tions 配置 节 之 中 。 在 创建 Web 应 用 程序 时 ， 系 统 通常 会 自行 创建 一 个 Web. config 配置 文件 
在 文件 中 ， 系 统 通 当 已 经 规定 好 了 Web. config 配置 文件 的 结构 。 
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本 半 我 们 将 学 习 网 站 用 户 注 册 登 录 模 块 的 设计 实现 。 本 鞋 介 绍 了 两 种 设计 实现 方案 : 
1) 使 用 网 站 设计 模板 直接 加 载 用 户 注册 登录 模块 。2) 使 用 系统 提供 的 注册 控件 、 登 录 控 
件 、 修 改 密码 控件 完成 用 户 注册 登录 模块 。 


学 习 目 标 与 任务 


[O 学 习 目 标 


1. 使 用 网 站 设计 模板 实现 用 户 管理 模块 ; 
2. 使 用 注册 控件 、 登 录 控 件 、 修 改 密码 控件 完成 用 户 管理 模块 。 


工作 任务 


1. 学 会 使 用 网 站 模板 设计 实现 用 户 管理 模块 ， 
2. 熟练 使 用 用 户 注 册 控 件 、 用 户 登 录 控 件 、 用 户 笑 码 人 和 修改 控件 ， 


5.1 使 用 网 站 模板 设计 实现 用 户 管理 模块 


VisualStudio 2010 提供 了 创建 web 网 站 的 模块 ， 使 用 该 模板 ， 可 以 直接 实现 简单 的 用 户 
管理 功能 ， 包 括 用 户 注 册 、 用 户 登 录 、 用 户 修 改 密码 等 功能 。 实 现 步 又 如 下 : 

1. 打开 Visual Studio 2010， 选 择 “ 文 件 ” 深 单一 “新 建 ”一 “网 站 ”， 在 打开 的 如 图 S-1 所 
示 的 对 话 框 中 选择 支持 语言 为 visual C#， 在 右边 模板 窗口 中 选择 “asp. net web site” ix, TE 
Web 位 置 栏 指定 项 目 存 放 位 置 ， 单 击 “ 确 定 ” 按 钮 即 可 创建 一 个 带 用 户 管理 的 Web 应 用 程序 。 


New Web Site 
最近 的 模板 
已 安装 的 模板 


Visual Basic 
Visual C# 


Web 位 置 QD: 文件 系统 se] [n: \chenguang ~ 


图 5-1 创建 带 模 板 web 应 用 程序 
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2. DT “RTR AMEMA, MARWA AAR —wessssses 
加 了 一 个 Account 文件 夹 ， 在 该 文 件 3€ 下 有 Login. aspx, aae à OM 
ChangePassword. aspx, Register. aspx 等 文件 ， 分 别 对 应 用 户 登 [8 cu 


由 … [到 Properties 

录 、 修 改 密码 、 用 户 注册 等 功能 ， 如 图 52 所 示 。 TEN 

3. 这 样 就 轻而易举 的 创建 了 带 用 户 登 录 的 web 网 站 了 。 EL 
现在 调试 一 下 程序 看 效 采 如 何 。 在 如 图 5-3 所 示 的 界面 下 ， 选 ES] Register. aspx 
择 “调试 ”菜单 一 “开始 执行 ”"， 运 行 该 网 站 ， 可 以 看 到 系 "rn 
统 启动 了 一 个 内 置 的 服务 器 ， 并 且 在 该 服务 器 中 打开 当前 | e aee 
Web 应 用 程序 的 主页 ， 如 图 5.5 所 示 ， 图 5-4 是 运行 的 “开发 F ermit as 
IRIA”, im O E 3872, 

注意 : 该 页 面 在 浏览 器 中 的 地 址 为 “ veh // localhost : 
3872/". XT “localhost” 代表 了 本 机 上 刚刚 创建 的 Web 应 图 5$5-2 账户 管理 文件 夹 及 文件 
用 程序 的 临时 网 站 地 址 ，3872 代表 了 Visual Studio 2010 使 用 的 一 个 随机 端口 ， 每 次 调试 的 
时 候 ，Visual Studio 2010 都 会 使 用 这 个 端口 来 作为 内 置 服务 器 的 端口 号 。 在 各 计算 | 机上， 该 
端口 号 都 是 不 相同 的 ， 因 为 该 端口 号 是 Visual Studio 2010 随机 选择 的 。 


Eis] ChangePasswordSuccess. aspx 
[FE] Login. aspx 


[i] Default. aspx 
m Global. asax 
C Site. Master 
p Web. config 


H- 6-6-6- 


T — Microsoft Visual Studio 
THEO 编辑 你) 视图 (WY) MEAE) 生成 @) Wa qo 团队 如) 2&0) TED Mie AO w) HB H 


Pek- r Eee a AE 
IIJCEXIEEFIEPIEEIDEEZJEETTISEIEEIEIERE 
dtt CA LU DEA V 28 oss 
ià| (1| 5 | 
Lg 解决 方案 “7”(1 个 项 目 ) 
o- T 
[zd| Properties 
a 引用 
|y Account 
fz] ChangePassword. aspx 
Es] ChangePasswordSuccess. aspx 
国 Login. aspx 
Es] Register. aspx 
i» Web. config 


LD App. Data 

[d Seripts 

[d Styles 

[Ez] About. aspx 
[s] Default. aspx 
ál Global. asax 
C] Site. Master 
E Web. config 


外 -四 -由 -四 -由 -由 -由 


图 5-3 系统 界面 


ASP. NET Development Server - Ww 3812 


a g e ^ ! e OT 23:14 


图 5-4 开发 服务 全 


4. 在 这 个 模板 应 用 程序 的 页 面 的 右上 角 ， 提 供 了 两 个 按钮 与 一 个 “登录 ”链接 ， 单 击 
“登录 ”链接 ， 页 面 跳 转 到 登录 页 面 ， 单 击 “ 主 页 ”按钮 ， 页 面 返回 到 主页 ， 单 击 “ 关 于 ” 
按钮 ， 页 面 跳 转 到 “关于 ”页 面 。 图 5-6 是 用 户 登 录 页 面 ， 图 5-7 是 用 户 注册 页 面 ， 网 5-8 
是 用 户 密 人 码 修改 页 面 ， 这 样 的话 ， 用 户 登 录 、 注 册 、 密 人 码 修改 功能 都 实现 了 。 
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7) 主页 — Nozilla Firefox 

wO ”编辑 区) 查看 WW) 历史 (8) PEG IAM $B»00 

[主页 el 

€ | 图 localhost:38T2 Q C y e |E EF coro P| $i- Ei 4 
[a] wisi (AMEDA o 新 手 上 路 ORAR [OD Raa Eb | De [OD aE i 小 游戏 ; 搜狗 搜索 [DO 美 图 搜索 ! ;北京 金 蓓 昔 幼 儿 园 ; ; 一 起 装修 [0 网 站 首页 


oM 9 E, 


我 的 ASP.NET 应 用 程序 


欢迎 使 用 ASP.NET! 


车 要 了 解 关 于 ASP.NET 的 详细 信息 ， 请 访问 www.asp.net/cn。 


您 还 可 以 找到 MSDN 上 有 有关 ASP.NET 的 文档 。 


R 5-5 系统 运行 主 界 面 


我 的 ASP.NET 应 用 程序 


主页 SER 


我 的 ASP.NET 应 用 程序 
主页 关于 

创建 新 帐户 

使 用 以 下 表单 创建 新 账户 。 

密码 的 长 度 至 少 必 须 为 6 个 字符 。 

一 帐户 信息 


登录 
请 输入 用 户 名 和 密码 。 注册 如 果 您 没有 账户 。 
账户 信息 


用 户 名 : 


电子 邮件 : 


密码 ; 


密码 : 


确认 密码 : 


图 5-6 用 户 登 录 页 面 图 5-7 MHP ED 


s. 用 户 的 添加 、 删 除 、 修 改 、 和 角色 分 配 也 可 以 用 Asp. net 网 站 管理 工具 配置 完成 。 方 法 
如 下 : 

在 解决 方案 管理 硕 上 ， 选 择 当 前 的 解决 方案 的 名 称 ， 单 击 右上 和 角 的 网 站 管理 工具 ， 如 图 
5-9 所 示 。 


我 的 ASP.NET 应 用 程序 CE 

Laeli] $e 

[og 解决 方案 “7”(1 E 

更 改 密码 >- au 
由 - [zd] Properties 


请 使 用 以 下 表单 更 改 密码 。 d- [sa 引 用 


主页 zr 


新 密码 的 长 度 至 少 必 须 为 6 个 字符 。 : : - EE] ChangePassword. aspx 
EPRE : ' E 5 ChangePasswordSuccess. aspx 
; z| Login. aspx 
H- EE| Register. aspx 
= ET Web. config 
; 局 App Data 
i ^ DE Scripts 
H- O Styles 
确认 新 密码 ; i — EE] About. aspx 
i " [i] Default. aspx 
i se ál Global. asax 
i "s 加 Site.Master 
g- E Web. config 


图 $-8 修改 密码 页 面 图 $-9 ”启动 网 站 管理 工具 
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在 弹出 的 如 图 5-10 所 示 的 网 站 管理 工具 主页 面 中 ， 单 击 “ 安 全 ”选项 卡 ， 切换 到 “ 安 
全 ”选项 卡 ， 如 图 5-11 所 示 ， 在 这 里 ， 我 们 可 以 创建 用 户 、 管 理 用 户 。 单 击 “ 创 建 用 户 ” 
按钮 ， 在 弹出 如 图 5-12 所 示 的 窗口 中 可 以 创建 用 户 。 单 击 “ 管 理 用 户 ” 按 钮 ， 在 弹出 的 如 
图 5-13 所 示 的 窗口 中 可 以 编辑 用 户 、 删 除 用 户 。 


ASP 网 站 管理 工具 


主页 žė ERR 提供 程序 
欢迎 使 用 网 站 管理 工具 
应 用 程序 :/ 


2488 HL P? 4 :CHENGUANGXIANGMVADMINISTRATOR 


安全 使 您 能 够 设置 和 编辑 用 户 、 角 色 和 对 站 点 的 访问 权限 。 
现 有 用 户 : 1 

应 用 程序 配置 使 您 能 够 管理 应 用 程序 的 配置 设置 。 

提供 程序 配置 使 您 能 够 指定 存 嵌 网 站 所 用 的 管理 数据 的 位 置 和 方式 。 


图 5-10 ”网 站 管理 工具 主页 面 


ASP 网 站 管理 工具 


EX 


TARANA ER TL ARGKEJENRITEIFRUEPHIZEYUE. RIDERE C D UE) 


默认 情 碗 下 ， 用 户 信 息 存 嵌 Microsoft SQL Server Express $48 Ep., i838 ETE PT 


现 有 用 户 : 1 未 启用 角色 
创建 用 户 局 用 角色 
管理 用 户 创建 或 管理 角色 


j 择 5 b 验证 类 Au 


图 5-11 安全 选项 卡 


注意 : 在 创建 用 户 时 ， 可 以 使 用 任何 愿意 的 口令 , 但是， 默认 的 密码 规则 要 求 “口令 
至 少 为 7 个 字符 ， 其 中 包含 至 少 一 个 非 字母 和 数字 的 字符 "。 这 个 意思 是 说 ， 非 字母 和 数字 
的 字符 至 少 必须 有 一 个 ， 也 就 是 必须 有 “ ~! 4$ R) - +” 中 的 一 个 字符 。 解 决 
办 法 如 下 : 找到 /windows/Microsoft. NET/Framework | J& A 5 | /Config 目录 下 的 ma- 
chine. config 文件 ， 使 用 “编辑 ”菜单 一 “查找 ”功能 找到 minRequiredNonalphanumeric- 
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ASP 网 站 管理 工具 


通过 在 本 页 上 输入 用 户 的 ID、 密 码 和 电子 邮件 地 址 来 添加 用 户 。 


创建 用 户 me OOOO 


注册 新 账户 DS 


对 活动 用 户 


图 5-12 创建 用 户 


ASP  mnussra 


单 击 一 行 选择 一 个 用 户 ， 然 后 单 击 " 编 辑 用 户 ” 查 看 或 更 改 该 用 户 的 密码 或 其 他 属性 。 若 要 为 选 定 的 用 户 分 配角 色 ， 可 选择 右 侧 相应 的 


若 要 禁止 该 用 户 登 录 到 您 的 应 用 程序 ， 但 在 数据 库 中 保留 其 信息 ， 可 通过 清除 相应 的 复 选 框 将 其 状态 设置 为 非 活动 的 。 


搜索 用 户 


搜索 依据 : [MPE M 摸索 内 容 :|[ (Eme) 
允 诗 使 用 通配符 * 和 ?。 
A BC DE FE GHI J KL M NO PoQO RS TUV Ww XY z 全 部 


图 5-13 ”管理 用 户 


Characters ="1" 一 行 ， 只 要 把 它 改 成 0 就 可 以 了 。 当 然 也 可 以 只 修改 当前 站 点 的 web. config 
文件 ， 方 法 是 将 配置 信息 所 在 的 < membership > …. </membership > 条 目 从 machine. cofig 复 
制 到 web. config 文件 中 < system. web > … </system. web > ， 同 时 在 < providers >…. </pro- 
viders > 条 目的 开头 加 上 <remove name = " AspNetSqlMembershipProvider" /> 项 。 

ASP. NET 通过 XML 格式 的 文件 Machine. Config 和 Web. Config 来 完成 对 网 站 和 网 站 目录 
的 配置 。 对 于 一 个 网 站 整体 而 言 ， 整 个 服务 器 的 配置 信息 保存 在 Machine. Config 文件 中 ， 该 
文件 的 具体 位 置 在 /Windows/Microsoft. NET/Framework [版 本 号 ] /Config 目录 ， 它 包含 了 运 
行 一 个 ASP. NET 服务 器 需要 的 所 有 配置 信息 。 当 建立 一 个 新 的 WEB Project 的 时 候 ， 
VS. NET 会 自动 建立 一 个 Web. Config 文件 ，Web. Config 包含 了 各 种 专门 针对 一 个 具体 应 用 
的 一 些 特 殊 的 配置 ， 比 如 Session 的 管理 、 错 误 捕 捉 等 配置 。 一 个 Web. Config 可 以 从 Ma- 
chine. Config 继承 和 重 写 部 分 配置 信息 。 因此， 对 于 ASP. NET 而 言 ， 针 对 一 个 具体 的 
ASP. NET 应 用 或 者 一 个 具体 的 网 站 目录 ， 是 有 两 部 分 设置 可 以 配置 的 ， 一 是 针对 整个 服务 
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器 的 Machine. Config É& À., 7j 外 一 个 是 针对 该 网 站 或 者 该 目录 的 Web. Config 配置 ， 一 般 的 ， 
Web. Config 存在 于 独立 网 站 的 根 目 录 ， 它 对 该 目录 和 目录 下 的 子 目 录 起 作用 。Web. config X 
影响 单个 Web 应 用 。 如 果 要 影响 特定 Web 服务 器 上 的 所 有 Web 应 用 ， 可 以 在 Ma- 
chine. Config 中 设置 。 

6. 基于 角色 的 授权 。 如 有 末 网 站 系统 需要 划分 用 户 类 别 的 话 ， 目 然 要 用 到 角色 授权 这 个 
功能 。 操 作 步 又 如 下 : 

启用 和 角色。 在 打开 的 ASP. NET 网 站 管理 工具 浏览 带 和 窗口 中， 单 击 首 页 中 的 安全 选项 卡 ， 
然后 ， 单 击 屏幕 中 间 的 “局 用 角色 ”链接 。 

创建 和 角色。 在 “安全 ”选项 卡 中 单 击 “ 创 建 或 管理 角色 ”和 链接。 在 如 图 5-14 所 示 的 创 
建新 角色 对 话 框 中 ， 在 角色 名 称 的 输入 框 中 输入 “Administrator”， 单 击 增加 角色 按钮 ， 台 
创建 了 一 个 Administrator 角色 。 这 样 再 创建 新 的 用 户 或 对 用 户 管理 时 就 可 以 设 定 用 户 的 角色 
f, WB 5-15 所 示 。 

角色 使 用 。 创 建 角 色 的 目的 就 是 对 不 同 的 页 面 实 现 用 户 过 滤 。 我 们 可 以 使 用 [ Author- 
ize] 标注 来 限制 对 页 面 的 访问 ， 如 下 行 记录 所 示 ， 设 置 访问 页 面 的 用 户 必 须 拥 有 Administra- 
tor 的 角色 。 代 码 如 下 : 


| Authorize( Roles = " Administrator" ) | 


ASP 网 站 管理 工具 


EX 


GARRA ESRB. YXibe RIULOYTSIdB t8 H^ BON PES RRE R f Vola]. Buen. RAA 
创建 "经 理 人 “销售 人 员 或 "成 员 "等 角色 ， 每 种 角色 对 特定 文件 来 都 具有 不 同 的 访问 权限 。 


创建 新 角色 


新 角色 名 称 ENTIS 
图 5-14 创建 新 角色 


ASP 网 站 管理 工具 


在 此 页 中 可 以 编辑 用 户 信息 ， 指 定 用 户 所 属 的 角色 。 


用 户 ID: 为 此 用 户 选择 角色 : 
米 电子 邮件 地 址 回 活动 用 户 iV] Administrator 
说 明 : [未 设置 ] 


( 米 ) 必 填 字段 


K 5-15 ”创建 新 用 户 并 指定 角色 
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5.2 使 用 控件 实现 用 户 管 理 模块 


5.2.1 用 户 注册 


如 采用 户 要 使 用 网 站 的 某 些 功能 (如 论坛 、 留 言 或 会 员 服 务 等 功能 ) ， 通 常 需 要 通过 网 
站 的 用 户 注册 界面 提交 用 户 的 注册 信息 。 用 户 只 有 通过 注册 验证 并 且 登 录 网 站 才能 够 访问 网 
站 ， 享 受 网 站 提供 的 某 些 服务 。 用 户 注册 功能 可 以 使 用 登录 控件 组 的 创建 新 用 户 控件 来 实 
现 ， 其 具体 实现 的 操作 步骤 如 下 : 

新 建 一 个 名 称 为 userManage 的 空 网 站 ， 切 换 到 “解决 方案 资源 管理 咒 ”， 右 击 网 站 根 目 
3€, Æ "add new item”， 在 弹出 的 对 话 框 中 ， 在 右边 模板 列表 中 选择 “Web Form”, WI 
一 个 名 称 为 UserRegister 的 Web 窗 体 ， 为 用 户 提 供 注 册 界 面 ， 如 图 5-16 所 示 。 


Add New Item — D:XchenguangVXuserBManageX 


EERE HEERE: E 


Visual Basic iaaa a Aa AA A I JM EI E RECO AT RITU A DUKE ri M 


Visual C& 于 Visual C& | 
Fen "E 
EB Web User Control Visual C& 了 
(a, ADO. HET EntityÜbject 生成 器 Visual C# 
| & ADO. NET 实体 数据 模型 Visual C& 
| dy mom E Visual Cf 
oh Browser File Visual C& 
cH-| cass Visual C& 
A v 
名 称 四 : k 
[. 
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选择 “设计 ”标签 ， 切 换 到 UserRegister 窗 体 的 设计 视图 ， 执 行 “ 表 ”一 “插入 表 ” 命 
S, 插入 一 个 1 行 1 列 的 表格 。 

单 击 “视图 ”菜单 一 “工具 箱 ”， 将 工具 箱 停 靠 在 左 侧 位 置 。 在 工具 箱 中 的 “登录 ” 
控件 组 中 选择 CreateUserWizard 控件 并 拖 忠 到 Web 窗 体 的 表格 中 ， 淆 加 后 的 CreateUserWiz- 
ard 控件 如 图 5-17 所 示 。 


注册 新 帐户 
窗 码 :三 步骤 : | 注册 新 帐户 v 
确认 密码 . [ "OU 添加 / 称 除 WizardSteps... 


转换 洲 StartNavigationTemplate 


电子 邮件 : | d | RA StepNavigationTemplate 


安全 提示 问题 : | 转换 为 FinishNavigationTemplate 
A 转换 为 CustomNavigationTemplate 
TE E X: | - 


« ? n C Hal » "4 自 定 必 创建 用 户 步 又 
密码 “和 “确认 密码 “必须 匹配。 Errore 


创建 用 户 | | | 答 理 网 站 


SIRIN 


图 5-17 添加 用 户 注 册 控 件 到 当前 窗 体 
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通 名 情况 下 ， 用 户 注册 操作 分 为 两 个 步 又 : 第 一 步 是 填写 用 户 信 息 ; 第 二 步 是 完成 提示 
RE. 通过 任务 列表 中 的 “步骤 ” 列表 和 可 以 过 文 两 个 步骤 之 间 的 切换 。 
选中 “步骤 ”下 拉 列 表 框 中 的 “完成 ”选项 ， 打 开 完 成 界面 ， 如 网 5-18 所 示 。 硬 击 该 
注册 控件 ， 在 弹出 的 属性 窗口 中 ， 在 “外 观 ” 栏 中 找到 ContinueButtonText 并 将 属性 值 修改 
为 “完成 ”， 在 “行为 ” 栏 中 找到 — XR 并 将 属性 值 设置 为 当前 站 点 的 
默认 页 “Default aspx ”， 使 用 户 注 册 后 能 登录 到 网 站 的 默认 页 ， 如 图 5-19 所 示 。 


属性 Epe 
CreateUserWizardl System. Web. UI. WebContr v 
$=- å z= x | 
"EP € 


CancelButtonText 取消 ^ 


完成 en | 
已 成 功 创建 您 的 帐户 。 山 | 自动 套用 格式 
T Ex. ——n 
添加 / 称 除 WizardSteps... 
转换 汶 StartNavigationTemplate 
P513 StepNavigationTemplate 
转换 涛 FinishNavigationTemplate 


CancelButtonType Button 
CompleteSuccessText EB DOES 
ConfirmPasswordLabelText WASHA: 


— ContinueButtonlImagelUrl 

目 定 浆 创建 用 户 步 过 ContinueButtonText 完成 

自 定义 充 成 步骤 ContinueButtonType Button 
SEPH CreatellserButtonImagellrl 

Erick] CreateUserButtonText 创建 用 户 

CreatellserButtonType Button v 
图 5-18 用户 注册 的 完成 界面 图 5-19 ”修改 按钮 的 属性 值 
选择 “步骤” 下 拉 列 表 框 中 的 “注册 新 账户 ” 360 安 全 浏览 器 5.0 IESU 


fp, 返回 到 填写 用 户 信息 的 界面 中 。 右 击 “ 解 决 ERÉS $)?- €) 会 -| Peer 全 htp://ocal 
方案 资源 管理 硕 ” 中 的 INE Pd EECDOGGEMHNISS  — 002-5 
的 快捷 菜单 中 选择 “ 设 为 起 始 页 ”命令 ， 将 注册 页 Rl Ernte 
设置 为 起 始 页 。 S 注册 新 帐户 
运行 程序 ， 在 “注册 新 账户 ”页 面 中 输入 用 户 ER "eee —— 
的 注册 信息 ， 如 图 5-20 所 示 ， 之 后 单 击 “创建 用 B 确认 密码 -sse | 
户 ” 按 钮 创建 用 户 ， 用 户 创 建成 功 后 将 显示 网 站 的 电子 邮件 :|chenguang@sohu.com | 
一 般 情况 下 ， 会 出 现 一 个 错误 提示 “密码 最 短 = 
长 度 为 7， 其 中 必须 包含 以 下 非 字 母 数 字 字 符 : 1” 
ERWE KIERA TT EMAN 
字 和 从 至少 必 须 有 一 个 是 ~! @#$%^&*() — 
当然 也 可 以 修改 web. config 文件 修改 规则 ， Mes seb config 文件 , 在 < system. web > 标签 下 
添加 以 下 代码 : 


« membership > 


KI 5-20 ”运行 用 户 注册 


< providers > 
< remove name =" AspNetSqlMembershipProvider" / > 
< add name = " AspNetSqlMembershipProvider" 
type = "System. Web. Security. SqIMembershipProvider, System. Web, Ver- 
sion 22. 0. 0. 0, Culture = neutral, &£xD; &£xA; PublicKeyToken = 
b0315f7f11d50a3a" 
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connectionStringName = " LocalSqlServer" 


enablePasswordRetrieval = " false" 
enablePasswordheset = " true" 
requiresQuestionAndAnswer = " true" 
applicationName = "/" 
requiresUniqueEmail = " false" 
passwordFormat = " Hashed" 
maxlInvalidPassword Attempts = " 5" 
minhRequiredPasswordLength = " 7" 
minRequiredNonalphanumericCharacters = " 0" 
passwordAttemptWindow = " 10" 
passwordStrengthRegularExpression = "" /> 
« / providers > 


« / membership » 

在 上 述 代码 中 ， minRequiredPasswordLength 属性 意思 是 最 短 密 码 ， 默 认为 7。 男 一 个 是 
minRequiredNonalphanumericCharacters , 默认 为 1 意思 是 至 少 有 一 个 非 字 母 字符 ， 只 要 把 它 
改 成 0 就 可 以 了 。 

注意 : 首次 注册 成 功 后 ， 程 序 将 自动 创建 一 个 sql server 数据 库 ， 并且 将 注册 信息 保存 


到 创建 的 数据 库 中 。 


5.2.2 ”用户 登录 


对 于 已 经 注册 过 的 用 户 ， 可 以 通过 登录 界面 下 接 登 录 到 网 站 中 。 用 户 登 录 界面 的 设计 步 
又 如 下 所 示 : 

在 根 目录 下 添加 一 个 名 称 为 Login 的 web 窗 体 ， 为 用 户 提 供 登 录 界 面 。 

选择 “设计 ”标签 ， 切 换 到 Web 窗 体 的 设计 视图 ， 执行 “ 表 ” 一 “插入 表 ” 命 令 ， 在 
Web 窗 体 中 将 添加 一 个 具有 1 行 1 列 的 表格 。 

在 工具 箱 的 “登录 ”控件 组 中 选择 Login 控件 ， 将 该 控件 拖 放 到 Web 窗 体 的 表格 中 ， 
Login 控件 中 包含 了 用 户 验证 的 过 程 ， 不 需要 程序 员 谎 加 任何 代码 ， 但 是 需要 在 属性 窗口 
“行为 ”项 目 中 将 控件 的 DestinationPageUrl 属性 值 设 置 为 当前 站 点 的 默认 页 ， 这 里 设置 为 
“Default. aspx”， 使 用 户 登 录 后 进入 网 站 的 默认 页 。 

右 击 “解决 方案 资源 管理 大 ”中 的 Login. aspx， 在 弹出 的 | E http:/flocalhost:214T/account/L.. X 
快捷 荣 单 中 选择 “ 设 为 起 始 页 ”命令 ， 将 登录 页 设置 为 起 始 
页 。 运 行程 序 ， 如 图 5-21 所 示 ， 在 “登录 ”页 面 中 输入 正确 | 用 户 名 :|chenguang | 
的 用 户 名 和 密码 信息 之 后 ， 将 登录 到 网 站 系统 ， 进 入 网 站 的 密码 :|eeeeeeeeil | 
默认 页 中 - O TAIE. - 

注意 : 用 户 在 登录 网 站 时 ， 如 果 选 中 “下 次 记 住 我 ” 复 一 
选 框 ， 则 系统 将 会 自动 保存 用 户 的 登录 信息 。 图 5-21 用 户 登 录 
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5.2.3 修改 用 户 密 码 


用 户 登 录 到 网 站 之 后 ， 为 了 保证 登录 信息 的 安全 性 和 可 徘 性 ， 可 以 根据 需要 修改 目 己 的 
登录 密码 。 在 ASP. NET 中 提供 了 修改 密码 的 控件 ， 通 过 这 个 控件 可 以 实现 修改 用 户 密 码 的 
功能 。 实 现 方 法 如 下 : 

1) 在 根 上 日 录 下 添加 一 个 名 称 为 ChangePassWord HJ Web 窗 体 ， 为 用 户 提 供 修 改 密码 
FH o 

2) 选择 “设计 ”标签 ， 切换 到 Web 窗 体 的 设计 视图 。 执 行 “ 表 ”一 “插入 表 ” 命 
S, 在 Web 窗 体 中 将 添加 一 个 具有 1 fr 1 列 的 表格 。 

在 工具 箱 的 “登录 ”控件 组 中 选择 ChangePassword 控件 ， 将 该 控件 拖 虹 到 Web 窗 体 的 
表格 中 ， 在 “视图 ”下 拉 列 表 框 中 选择 “有 成功” 选项 ， 进 入 “成 功 ”界面 中 。 在 该 界面 中 
可 以 看 到 更 改 成 功 后 的 提示 信息 。 在 属性 省 口中 将 控件 的 continueButtonText 属性 修改 为 

“完成 ”。 为 了 让 用 户 确 定 所 做 的 修改 ， 还 需要 将 DisPlayUserName 属性 值 设 置 为 true ， 表 不 
在 修改 用 户 密 码 时 将 显示 用 户 的 名 称 。 

修改 密码 之 后 ， 根 据 网 站 的 流程 转 和 人 相应 的 网 页 中 。 本 实例 中 将 转 到 默认 页 当中 ， 这 

过 将 ContinueDestinationPageUrl 属性 设置 为 “Default aspx” 实现 的 。 

选择 “ 步 又 ” Te “更 改 密 人 码 ” 命 令 ， 返回 到 更 改 密 人 码 信 息 的 界面 中 。 T 
击 “ 人 解决 方案 资源 管理 大 ”中 的 EditPass. aspx ， 在 弹出 的 快捷 菜单 中 选择 “ 设 为 起 始 页 ?” 
AA 


HH 


e. 


在 default aspx 页 面 中 增加 一 个 “修改 密码 ”的 超 链 接 ,链接 地 址 为 
ChangePassword. aspx， 同 时 将 用 户 登 录 页 设置 为 起 始 页 。 运 行程 序 ， 在 “修改 密码 ”页 面 中 
分 别 输入 用 户 的 原 密 码 和 新 密码 等 信息 之 后 ， 单 击 “ 更 改 密 码 ” 按 钮 更 改 用 户 的 密码 ， 如 
图 5-22 所 示 。 


&) http://localhost:214T/account/C... X 


更 改 密码 
密码 :|eeeeeeee。 | 


新 密码 :|eeeeeeee。 | 
确认 新 密码 :| eee e eee enl | 


K| 5-22 更改 密 码 
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学 习 目 标 与 任务 


[学习 目标 


本 章 将 向 读者 介绍 留言 本 程序 的 设计 。 在 实际 网 站 应 用 中 ， 为 了 能 够 让 网 站 获取 用 户 的 
信息 (这些 信息 包括 用 户 的 意见 、 反 馈 的 信息 以 及 用 户 数 据 等 )， 同 时 网 站 也 能 够 通过 留言 
本 进行 基础 的 意见 调查 ， 


LU TEES 


l. 留言 本 需求 分 析 及 模块 设计 ; 

2. 留言 本 数据 库 设 计 ; 

3. 数据 库 的 基本 操作 |; 

4. VB. NET 的 控件 运用 和 事件 触发 机 制 。 

留言 本 是 系统 开发 中 比较 基础 的 系统 ， 很 多 系统 模块 都 是 基于 留言 本 的 制作 流程 的 ， 例 
如 论坛 、 小 型 社区 、 博 客 等 。 


6.1 系统 设计 


系统 设计 在 项 目 开 发 中 是 非常 重要 的 ， 在 系统 设计 中 ， 需 求 分 析 也 是 最 为 重要 的 。 需 求 
分 析 规 定 了 开发 小 组 或 团队 以 何 种 方式 进行 模块 的 开发 和 编码 ， 也 规定 了 客户 最 基本 的 


需求 。 
6.1.1 需求 分 析 


需求 分 析 是 软件 工程 中 的 一 个 概念 ， 指 的 是 在 建立 一 个 新 的 或 改变 一 个 现存 的 计算 机 系 
统 时 ， 质 写 新 系统 的 目的 、 范 围 和 定义 时 所 要 做 的 所 有 的 工作 。 简 单 地 说 ， 需 求 分 析 也 就 是 
分 析 客 户 要 的 是 什么 、 怎 么 做 、 做 完了 怎么 办 。 对 于 ASP. NET 留言 本 项 目 而 言 ， 需 求 分 析 
可 人 简单 归纳 如 下 : 

为 了 解决 网 站 管理 者 和 用 户 沟 通 不 便 的 情况 ， 现 开发 基于 .NET 平台 的 留言 本 应 用 程 
序 ， 用 户 能 够 使 用 留言 本 进行 信息 的 反馈 和 调查 ， 能 够 及 时 地 获取 用 户 的 相关 意见 或 信息 的 
数据 。 网 站 经 营 者 能 够 通过 留言 本 进行 基础 的 意见 调查 并 整理 用 户 的 数据 。 


6.1.2 系统 功能 设计 
留言 本 系统 的 基本 功能 如 下 : 
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1 留言 浏览 

用 户 可 以 在 留言 本 主页 面 进行 留言 信息 的 浏览 ， 包 括 主 题 、 留 言 正文 、 回 复 、 发 表 时 
间 ， 并 显示 发 表 留 言 用 户 的 有 关 信 息 : 头像 、 昵 称 、QQ、 邮 箱 、 个 人 主页 等 ， 页 面 还 提供 
了 管理 员 登 录入 口 。 

2. 留言 发 布 

留言 发 布 提供 用 发 表 留 言 的 功能 ， 在 发 表 留 言 页 面 中 需 输入 昵称 、 留 言 主题 、 留 言 内 
容 并 选择 头像 ; ee 邮件 地 址 、 个 人 主页 。 该 模块 提供 悄悄 话 功 能 ， 用 户 留 
言 仅 对 管理 员 可 见 。 

3. 留言 回复 

留言 回复 是 网 站 管理 者 同 用 户 进行 沟通 的 渠道 ， 该 功能 需 

4. 留言 管理 

管理 员 对 于 不 恨 的 留言 进行 删除 屏 散 ， 该 功能 需要 管理 员 登 录 。 
6.1.3 模块 功能 划分 


在 完成 留言 本 系统 的 功能 模块 的 划分 和 功能 设计 后 ， 可 以 编写 相应 的 模块 操作 流程 和 绘 
制 模块 图 ，ASP. NET 留言 本 总 体 模块 划分 如 图 6-1 所 示 。 

图 6-1 描述 了 系统 的 总 体 模块 功能 划分 ， 包 括 留言 信息 浏览 、 用 户 留言 发 布 、 管 理 员 留 
言 回复 及 管理 员 留 言 管理 等 操作 ;将 操作 主体 进行 划分 ， 如 图 6-2 和 图 6-3 所 示 。 


WA 
imis 
Wu 
U 
" 


ASP.NET 本 


H9 
ill 


图 6-1 系统 总 体 模块 功能 划分 图 6-2 用 户 操 作 模块 图 


对 于 管理 员 而 言 ， 需 要 碍 看 留言 并 进行 留言 管理 ， 需 要 进行 登录 验证 。 验 证 通过 后 可 以 
进行 相应 的 管理 操作 ， 管 理 员 操 作 流 程 如 图 6-3 Brzn ; 


管理 员 


图 6-3 ”管理 员 操 作 模 块 网 
模块 与 文件 对 照 表 见 表 6-1 所 示 。 
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表 6-1 模块 与 文件 对 照 表 


模 块 名 x ff 名 功能 描述 
留言 浏览 模块 guestbook/ Main. aspx 留言 浏览 及 管理 员 人 口 
留言 发 布 模块 guestbook/ ly. aspx 留言 发 布 
留言 回复 模块 guestbook/ reply. aspx 留言 回复 

留言 管理 模块 guestbook/ del. aspx 留言 删除 


6.2 数据 库 设 计 
在 ASP. NET 留言 本 数据 库 设计 时 ， 可 划分 为 留言 头像 表 、 留 言 综合 信息 表 。 


6.2.1 数据 库 的 分 析 和 设计 


留言 本 数据 库 设 计 图 如 图 6-4 所 示 。 
其 中 初步 的 为 数据 库 中 的 表 进 行 设计 ， 这 里 包括 两 个 
*, 人 有 分别 下 
言 头 像 表 : 用 于 存放 留言 者 的 头像 信息 ， 字 段 包 
MM. 头像 名 称 、 头 像 类 型 、 图 片 地 址 。 

B 留言 综合 信息 表 : 用 于 对 留言 用 户 信 息 、 留 言 内 容 
言 轧 和 回复 内 容 信息 进行 存储 ， 字 段 包括 留言 编号 、 陀 
称 、 性 别 、QQ 号 、 电 子 邮件 、 主 页 、 留 言 主题 、 留 言 内 
容 、 发 表 时 间 、 回 复 内 容 、 回 复 时 间 、 头 像 编 号 等 。 图 6-4 数据库 设 计 图 

两 个 数据 表 的 详细 设计 如 表 6-2 和 表 6-3 所 示 。 


表 6-2 Face 数据 表 


ID 头像 编号 目 动 编写 长 整 型 
Name 头像 名 称 文本 50 EM 
mode | Xf xk | o» | | 


ASP.NET 留 言 本 
后 台数 据 库 


P 


字 段 名 字段 含义 数据 类 型 i fü VR m 
ID "rid 目 动 编号 
NC 访问 者 昵称 文本 
Sex 访问 者 性 别 文本 
QQ 访问 者 QQ 号 文本 
Email 访问 者 电子 邮件 文本 
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F E 名 FRANX 数据 类 型 大 小 to "UE f, Ww 空 


Content 留言 内 容 文本 200 EE 
DDate 留言 发 表 时 间 H 期 时 间 | | 


Reply 回复 内 容 50 
ReplyDate 回复 时 间 日 期 /时 间 

FaceID 访问 者 头像 ID % 长 整 型 FP 
Tag_QQH 是 否 为 悄悄 话 2 


2 
EI 

no 
二 
cT 
= 
mu 
Pin 
XA 
H 
"à 
cr 
Ex 
mu 


述 表 用 于 描述 用 户 留 言 信 息 ， 留 
6.2.2 数据 表 的 创建 


创建 表 可 以 通过 Microsoft Access2007 进行 创建 。 步 又 如 下 : 
进入 系统 “开始 ”菜单 程序 一 一 >Microsoft Office 一 一 >Microsoft Office Access2007 , 


2. 启动 Access2007 后 ， 单 击 左 上 有 角 Office 按钮 E3 ， 选 择 菜 单项 “新 建 ”"， 出 现 如 图 
6-5 PTRA IBI s 


Microsoft Access 


FAZA Microsoft Office Access 


新 建 空白 数据 库 


E EE 
特色 联机 模板 


| THER BER | 
& ake 


项 目 


空白 数据 库 
ETES tea ere fen Ni 


z:5 Office Online 的 详细 信息 : THA QD: 


培训 | 模板 | 下 载 5 
. . C:\Documents and Settings'bvclssVWMMy 
Access 2007 的 新 功能 Documentsi 


jg 新 的 Access 2007 包含 更 强大 的 工具 ,可 以 帮助 " 在 使 用 2007 Microsoft Office system 的 过 程 中 区 创建 (C) 取消 
ES 
1 8 


您 在 可 管理 的 环境 中 快速 强 味 、 报 告 和 共享 信 筷 。 REHAS 
TEASE AEOET HAES, è Access 2007 RARES 
e 使 用 简便 的 新 导航 窗 格 组 织 所 有 有 对象 


自动 从 Office Online 更 新 此 内 容 


图 6-5 Access2007 欢迎 界面 


3. 在 欢迎 界面 右 方 ， 建 立 数据 库 ， 输 入 数据 库 文 件 名 LY， 如 图 6-6 所 示 。 


TARIEF 
ETES EITHER EUSICH SNO Microsoft 


Office Access 


Xt QD: 


mo 50 0 S 


C:\Documents and Settings*bvclssMMy 
Documents 


图 6-6 建立 数据 库 文件 
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4. 单 击 创建 后 ， 出 现 数据 表 视 图 ， 如 图 6-7 所 示 。 


LY : 数据 库 (Access 2007) - Microsoft Access 


H EB ER 


PEFR AM SA dj 
现 有 字段 


n E 
一 


图 6-7 数据 表 视 图 


5. 然后 对 留言 头像 表 进 行 设 计 ， 建 立 ID Name, TTpye, PicAddr 4 个 字段 ， 并 将 表 名 
命名 为 Face， 如 图 6-8 所 示 。 


图 6-8 ”建立 表 名 和 字段 
6. 然后 打开 设计 视图 ， 分 别 对 字段 的 名 称 、 数 据 类 型 和 说 明 进 行 定 义 ， 如 图 6-9 所 示 。 


A 字段 名称 
V» ID| 

Name 

TType 

Pichddr 


图 6-9 留言 头像 表 设 计 视 图 
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7. 双击 表 名 称 ， 将 头像 信息 进行 了 录入， 初始 化 ， 完 成 后 如 图 6-10 所 示 。 


ID =| Name ~| TType -| Picåddr -ADARE 
[8 头 休 一 trs picXfaceMfacel. gif 
E] 17 头像 二 urs pic\face\face2. gif 
Ld 18 ARE urs picXfaceMface3. gif 
EN 19 3E f pu urs pic\face\faced. gif 
L4 20 HIRE urs picXfaceXfaceb. gif 
4 21 头像 六 帅哥 pic\face\faceb. gif 
22 头像 七 是 可 pic\face\faceT. gif 
o 23 头 休 八 urs picXfaceMfaceB. gif 
[| 24 头像 九 urs picXfaceXface9. gif 
Ld 26 头 休 十 Ipa pic\face\facel0. gi: 
Ld 27 头像 十 一 iE picXfaceMfacell. gi: 
Ld 28 头像 十 二 &ll3z picXfacexMfacel2. gi: 
29 头像 十 三 iE pic\face\facel3. gi: 
30 头 休 十 四 &ll3z picXfaceMfaceld. gi: 
31 头 休 十 五 胡 女 Dicvfacevfacel5. gi: 
E] 32 头像 十 六 &ll 3r picXfaceMfacel6. gi: 
33 头像 十 七 Le picXfaceMfacelT. gi: 
34 HARTA Lx picXfaceMfacel8. gi: 
出 | 35 头像 十 九 iE picXfaceMfacel9. gi: 
36 头 休 二 十 ali picXfaceXMface20. gi: 
* (新建 》 
图 6-10 ”留言 涉 像 表 数据 记录 
8. 完成 留言 头像 表 的 创建 后 ， 在 Access 的 菜单 栏 选 择 “ 创 建 ” 一 表 ， 留言 综 


息 表 的 创建 ， 表 名 命名 为 LYSheet， 如 图 6-11 所 示 。 


Ca 一 一 OU hi 


RIR 


ma | ee 外 部 数据 SEFIA MES 


= XE SharePoint zigit 
M 列表 


窗 体 


3 8l SARE 


窗 体 


i] 数据 适 视图 - : 
空白 窗 体 — cm 
其 他 窗 体 ~ 


ER 


m č J 


ET - ingre 


Face 4 
EH Face: E EES 
X1 从 
E] mi:xm 
图 6-11 创建 留言 综合 信息 表 


9. 打开 设计 视图 ， 分 别 对 字段 的 名 称 、 
6.2.3 ”数据 表 关 系 图 


留言 头像 表 Face 与 留言 综合 信息 表 LYSheet 之 间 的 关系 可 通过 Access2007 的 “数据 库 
工具 ”一 “关系 ”功能 来 创建 ，Face 表 的 主键 TD 与 LYSheet 表 中 的 FaceID 一 一 对 应 ， 是 其 


外 键 。 创 建 后 的 数据 表 关 系 如 图 6-13 HZR 


数据 类 


型 和 说 明 进 


I$ 


行 定 


义 ， 如 图 6-12 所 示 。 
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FEE 字段 名 称 | 数据 类 型 | 
ET | [Sex 文本 性 别 
T] race: QQ 文本 QQ 号 
一 Email 文本 电子 邮件 
LYSheet A Homepage 文本 主页 
= LYSheet: = X |Title 文本 留言 主题 
EM Content 文本 留言 内 容 
— |DDate 日 期 /时 间 发 表 时 间 
|Reply 文本 回复 内 容 
J |ReplyDate 日 期 7 时 间 回复 时 间 
EN aceID 数字 头像 编号 
Taz QQOH 文本 


字段 大 小 KEE 


图 6-12 留言 综合 信息 表 设 计 视 图 


Face LYSheet 
ID V ID 
Name NC 
TType Sex 
PicAddr QQ 
Email 
Homepage 


Title 


Content 
DDate 
Reply 
ReplyDate 
FaceID 
Tag. QQH 


图 6-13 ”数据 表 关 系 图 


6.3 系统 实现 


6.3.1 创建 项 目 


1. 打开 visual studio, 选择“ 文件 ”有 亲 音 一“ 新建” 一 “项 目 ”， 在 弹出 的 对 话 框 中 选 
择 “visual basic 模板 ”， 在 右 侧 模 板 中 选择 “asp. net web 应 用 程序 ”， 并 给 该 项 目 命名 为 
guestbook ， 如 图 6-14 所 示 。 

2. ERRE. TIFA "E" sem "RA AR vUREBIbsRO AO, duh XXE 
来 添加 项 目 与 数据 库 的 连接 ， 如 图 6-15 所 示 。 在 随后 出 现 的 对 话 框 中 选择 数据 源 为 Access 
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*?, 起 始 页 — Nicrosoft Visual Studio 
THO 编辑 区 ) MEV) -— 工具 (I) gow hA 


ilz il B |. a 0A 10 - Debug JARTA 
服务 器 资源 管理 器 -1x eT 解决 方案 资源 管理 器 -ix 


z || fy, 90 新 建 项 目 
gr^ [er mrna 3s 


G- Visual Basic Visual Studio 已 安装 的 模板 


I . (Windows 窗 体 应 用 程序 的 类 库 
NECS (QRASP.NET Web 应 用 程序 GRASP. NET web 服务 应 用 程序 
E: BE "PF 应 用 程序 区 PF 浏览 器 应 用 程序 
加 控制 全 应 用 程序 fÆ Excel 2007 THER 
RE Outlook 2007 外 接 程序 cr 服务 应 用 程序 
f tora 2007 文档 GEjWindows 窗 体 控件 库 


Reporting 
WCF 


由 Visual Ctt RRE 


xIx 


用 于 创建 具有 teb 用 户 界 面 的 应 用 程序 的 项 目 CNET Framework 3.5) x 
A z 
名 称 QD : guestbook EH Z Ez 
BEC: E :\Documents and Settingsibvc ients rojects v 
SER SER: guestbook 回 创 建 解决 方案 的 目录 QD 

[9] 


ARR j Fri, 6 Mar 2009 13:41:53 -0800 - MSXML4 SP3 is a complete M 


图 6-14 ”创建 项 目 


Lm 设置 数据 文件 路 径 ， 登 陆 用 户 名 密码 献 认 值 ， 然 后 单 击 “测试 连接 ”， 查 看 连接 
否 成 功 ， 如 果 成 功 ， 单 击 “ 确 定 ”按钮 完成 连接 数据 库 操 作 ， 如 图 6-15 所 示 。 


输入 信息 以 连接 到 选 定 的 数据 源 ， 或 单 击 “ 更 吹 ” 选 择 另 
一 个 数据 源 和 /或 提供 程序 。 


数据 源 E): 


Microsoft Access 数据 库 文件 (OLE DB| | 更 改 (Cose Bede uci 


数据 库伦 件 名 M): jt the rich data | 


WE 


登录 到 数据 库 
RP35 00: 
密码 (P): 


iiti 


m 
B 
= 
"d 
E 
p 
[= 
[m 
b 
v 
m. 
L-] 
| 


[ ] f 23583 (8) 


( mnes ) ( ws jJ[ ms Jp h 
图 6-15 ”创建 数据 库 连 接 


留言 浏览 是 留言 本 面向 访问 者 的 主页 ， 用 户 可 浏览 所 有 留言 信息 及 相应 的 回复 信息 ， 页 
面 如 图 6-16 所 示 。 

显示 留言 信息 采用 了 ASP. NET 中 的 Repeater 数据 控件 ， 该 控件 对 于 以 目 定 义 风格 方式 
显示 数据 非 第 合适 ， 代 码 如 下 : 

< asp:Repeater id = " repeaterl" runat = " server" > 

«| 一 定义 Repeater 控件 的 标 头 部 分 -- > 

< HeaderTemplate > 
< table border 2 "0" width ="808" cellpadding = 1 align = center > 
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C SN — Windows Internet Explorer 

GO > ri http: //localhost/guestbook/llain. aspx 

HO RED SEV RERA IAT 帮助 由 

dy RER | BASE lotnail 居 网 页 快讯 库 。 [Bern DEF 


JAE [P vise 


Se 


DES 2013-8-10 20:07:44 


你 好 ! 我 是 张 小 明 ， 有 空 常 联系 ! 


2013-8-12 20:45:49 
可 和 否 为 留言 本 增加 搜索 功能 呀 ? 最 好 能 按 主 题 和 内 容 进 行 搜索 ， 呵 呵 ! 
谢谢 您 的 提议 ， 我 们 会 尽快 完善 ! 


Z 


我 也 提 一 点 建议 2013-9-4 20:48:02 


请 问 ， 哪 有 学 习 ASPNET 的 好 资料 可否 发 些 网 址 给 我 ， 谢 谢 ! 


«3 本 地 Intranet 


« / HeaderTemplate > 
«| 一 定义 Repeater 控件 所 显示 的 项 -- > 
< ItemTemplate > 
«ir» 


<td width = "15%" > 


<table border ="1" width =" 100%" bordercolor 2 " white" bgcolor = " 4£80099FF" > 
« tr height 2" 145" > 


<! 一 显示 留言 人 所 选择 的 头像 及 留言 人 的 昵称 -- > 


« td align = center > 


< img src = <% # Container. Dataltem ( " picaddr" ) 96 > width =" 50" 
height = " 100" 7 > 
«br» 


< small > 了 昵称: < font color 2' white ' > < % # Container. Dataltem( " nc" 
% > «/font > «/small > 
</td> 


«c Apes 
« /table » 
</td > 


<td width = "2% " > </td > 
« td > 


< table border = "0" width = "100% " bgcolor = " 40099 FF" cellpadding 20 > 
<! 一 显示 留言 的 主题 及 内 容 -- > 
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«ir» 
<td> 
&nbsp; &nbsp; < small > 主题 : < font color = ' white ' > <% # Contain- 
er. Dataltem( " title" ) 96 > </font > 
&nbsp ; &nbsp ; &nbsp ; &nbsp ; &nbsp ; &nbsp ; &nbsp ; &nbsp; 
发 表 时 间 . «font color 2' white ' > <%# Container. Dataltem( " ddate" ) % > «/ 
font » «/small » 
</td> 
</tr> 
<tr > 
<td> <hr> </td> 
</tr> 
<tr > 
<td height = "47" valign = "top" > 
&nbsp ; &nbsp ; &nbsp ; &nbsp; 
<% 
判断 当前 留言 记录 是 否 为 悄悄 话 且 当前 用 户 是 否 为 管理 员 , 右 是 悄悄 话 且 非 管理 员 , 则 
不 显示 留言 内 容 
dim tagstr = Repeaterl. DataSource. defaultView. Table. Rows( n. count) (" tag qqh" ) 


if tagstr =" I" and tag < >1 then 
% > 
< small > < font color =' white ' > 此 留言 为 悄悄 话 , ^ «/font > «/small > 
<% else 96 > 
< small > < font color 2' white ' > < % # Container. Dataltem( " Content" ) 96 
> «/font > «/small > 
<% end if % > 
</td> 
«/tr» 
«1 一 显示 回复 内 容 -- > 
Eee 


< td valign = top > &nbsp; &nbsp; &nbsp;&nbsp; < small > «strong > < font col- 
or 2' red ' > [n] z « /strong > : «/font > < font color = " white" > <% 4 
Container. Dataltem( " reply" ) % > «/font > «/small > </td > 
«/ir» 
<tr > 
<td> <hr> </td> 
«/ir» 


d > 
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<! 一 显示 留言 人 的 其 他 信息 -- > 
« td > &nbsp; 
<a href =" < % # Container. Dataltem( "homepage" ) 96 >" target ="_blank" > 
< img src = " pic \home. gif" alt =" <% # Container. Dataltem( " homepage" ) 96 
> border = "0" » </a> 
&nbsp ; &nbsp; 
< a href = " http ://search. tencent. com/cgi-bin/friend/user. show. info? ln = 
< %# Container. Dataltem( " qq" ) 96 >" target="_blank" > 
« img src = " pic \qq. gif" alt =" <%# Container. Dataltem( " qq" ) 96 >" border 
= 0U > </a> 
&nbsp ; &nbsp; 
<a href =" mailto: < 96 # Container. Dataltem( " email" ) 96 >" > 
<img src =" pic Vemail. gif" alt =" <%# Container. Dataltem( " email" ) 96 >" 
border = "0" > </a> 
&nbsp ; &nbsp ; &nbsp ; &nbsp ; &nbsp ; &nbsp ; &nbsp ; &nbsp; 
<! -- 判 断 当 前 用 户 是 否 为 管理 员 -- > 
<% if tag 2 1 then % > 
< % 
ANEAN, 显示 “回复 ”和 “删除 ”; 如 采 留 言 已 经 回复 ,， 仅 显示 "删除 ” 
dim Replystr = Repeaterl. DataSource. defaultview. Table. Rows( n, count ) ( " reply" ) 


if trim( replystr) 2"" then 
% > 
<a href="reply. aspx? id = <% # Container. Dataltem( " id" ) 96 >" > 
<img src = " pic \reply. gif" border = "0" > </a> 
&nbsp ; &nbsp; 
<% end if % > 
<a href =" del. aspx? id = <% # Container. Dataltem( " id" ) 96 >" > 
<img src = " pic \del. gif" border = "0" > </a> 
<% end if% > 
</td> 
</tr> 
< /table > 
</td> 
a 
« / ItemTemplate > 
<! -- 和 定义 Repeater 控件 中 各 项 之 间 的 分 隔 符 -- > 
« SeparatorTemplate > 
« tr » «td colspan 22 » «/tid » «/tr» 


<% n count 2 n count +1 % > 
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« /SeparatorTemplate > 
<! 一 -定义 Repeater 控件 的 注脚 部 分 -- > 
« FooterTemplate > 
« /table » 
« / FooterTemplate > 
< /asp ; Repeater > 


当 管 理 员 通过 “管理 员 入 口 ” 登 人 系统 ， 如 图 6-17 所 示 ， 输 入 用 户 名 admin, 


$5 fi ad- 
min 后 ， 显 示 的 页 面 如 网 6-18 所 示 。 


C 留言 每 — Windows Internet Explorer 

Go v [图 http localhostyaaesttooylsin asx M)[]|]|X]|D sie — eR 
文件 FF) RED SEV RERA IAM) HW 

d kak | 图 免费 Jotmail p) 网 页 快讯 库 ” [uA ”回程 序 > 


m -5 A- WEQ. z207 IRO-Q- " 


[管理 员 登 录 ] 
管理 员 帐号 : |admin 


管理 员 窗 码 | | 


| ”| | p OEH Intranet | 4g -| &100 ~ ;; 
图 6-17 ^E ATI 


/全 BEN - Windows Internet Explorer 加 回回 
Go v |) hp /ocalhost/guestbook/Main. aspx TESI D 5i 

TEO 编辑 人 区) SEV UgSEQGO IAM 大助 出) 

次 REX |. 图 免费 Hotmail p) 网 页 快讯 床 ”加 建议 网 站 ” 回 程序 - 


mc -Z A- IO- €eo- IRO-Q9- " 


^ 


| 
局 [E38 S A3] 
ijik 2013-8-10 20:07:44 
你 好 ! 我 是 张 小 明 ， 有 空 常 联系 ! 


2013-8-12 20:45:49 


可 否 为 留言 本 增加 搜索 功能 呀 ? 最 好 能 按 主 题 和 内 容 进 行 搜索 ， 呵 呵 ! 


谢谢 您 的 提议 ， 我 们 会 尽快 完善 ! 
M s Z 


我 也 提 一 点 建议 2013-9-4 20:48:02 


ALTES Intranet | *a | & 1008 7 ,; 


图 6-18 ”管理 员 登 录 后 页 面 


J 
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与 普通 浏 览 用 户 浏览 页 面相 比 ， 管 理 员 登 录 后 ， 页 面 添加 了 回复 、 删 除 等 操作 ， 同 事 悄 
悄 话 可 见 。 对 于 已 经 回复 过 的 和 留言， 不 再 显示 “回复 ”。 

Repeater 控件 数据 的 绑 定 ， 通 过 BindData( ) KM, ARIU F: 

Sub BindData( ) 


dim DTable as new DataTable 
定义 数据 库 连 接 
strConn = " Provider = Microsoft. Jet. OLEDB. 4. 0; Data Source =" 
strConn = strConn & server. MapPath( " ly. mdb" ) 
cnn = New OledbConnection ( strConn ) 
“查询 留言 数据 
Sql =" SELECT lysheet. id, nc, picaddr, ttype, title, ddate, content, reply, replydate, 
homepage,qq,email,tag qqh FROM lysheet, face where faceid = face. id order by 
lysheet. id" 
cnn. Open( ) 
Cmd = new oledbdataadapter( sql , enn ) 
Cmd. fill ( DTable) 
将 数据 绑 定 到 Repeater 控件 中 
Repeaterl. datasource = dtable 
Repeaterl. databind( ) 


cnn. close( ) 


End Sub 


6. 3. 3 


留言 发 布 


单 击 留言 浏览 页 面 上 的 “我 要 留言 ”"”， 即 可 进入 留言 发 布 页 面 ， iind 2 


C 留言 本 二 Windows Internet Explorer 

OO Br ve s 司 图 图 区 [P ree E 
TED REO SEV KERA IAT WAUW 

次 收藏 夹 |b 剧 免费 ee g) FIERE ~ 图 建议 网 站 ~ 回程 序 > 

ILLI. A - o e WEpo- seo - IRo0-Q- " 


[点 表 留 言 ] 


ERES] 


性 别 : og 0 EN 
SB | | 
Bmt: 1 
个 人 主页 : 
悄 悄 话 : 口 此 留言 为 悄悄 话 


mur on} 


€J 本 地 Intranet fa- &100 > 


图 6-19 留言 发 布 页 面 
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在 此 页 面 可 以 设置 留言 的 相关 信息 ， 包 括 留 言 人 的 昵称 、QQ 号、 电子 邮件 、 个 人 主 


页 、 显 示 头 像 及 留言 主题 和 内 容 。 头 像 选 择 可 以 通过 下 拉 列 表 框 (DropDownList 控件 ) 选择 
方式 ， 通 过 BindData( ) 来 添加 ， 人 代码 如 下 : 
Sub BindData( ) 


€ 


End 


Dim strConn As String 
Dim sql as string 
Dim Cnn As OleDbConnection 
Dim dr As OleDbDataReader 
Dim Cmd As OleDbCommand 
Dim 1,j As Integer 
“连接 数据 库 
strConn = " Provider = Microsoft. Jet. OLEDB. 4. 0; Data Source = " 
strConn = strConn & server. MapPath( " ly. mdb" ) 
cnn = New OledbConnection ( strConn ) 
查询 头像 信息 
sql = "SELECT id , name ,picaddr ,ttype from face order by id" 
cnn. Open( ) 
Cmd = new OleDbCommand ( Sql , Cnn ) 
dr = cmd. executereader( ) 
‘清除 下 拉 列 表 中 数据 
if drop. items. count >0 then 
for i =0 to drop. items. count-1 
drop. items. remove( i) 
next 
end if 
while dr. read( ) 
“数据 库 中 存在 头像 信息 ,循环 添加 下 拉 选 项 
drop. items. add( new listitem( dr. getstring( 1 ) , dr. getstring(2) & dr. getstring( 3) & for- 
mat( dr. getint32(0) ,"000" ) ) ) 
if | =0 then 
初始 化 头像 显示 
dispimg. imageurl = left( drop. items(0). value ,len( drop. items(0). value) -9 ) 
end if 
l 
end while 
dr. close( ) 
cnn. close( ) 


Sub 


当 用 户 选 择 不 同 头 像 时 ， Img 控件 对 应 显示 相应 图 片 。 此 功能 要 设置 DropDownList 控件 
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HJ AutoPostBack 属性 为 True ， 然 后 添加 相应 的 OnSelectedIndexChanged 事件 ， 代 人 码 如 下 . 
< asp : dropdownlist id = " drop" 
autopostback = " true" 
OnSelectedIndexChanged = " Index. Changed" 
runat = "server" > 
< /asp : dropdownlist > 
以 下 是 改变 DropDownList 控件 选项 时 触发 的 OnSelectedIndexChanged 事件 代码 . 
Sub Index_Changed( Sender As Object, E As EventArgs) 
Dim theStr As String 
“获取 当前 头像 下 拉 列 表 框 选项 中 的 返回 值 
theStr = drop. selectedItem. value 
“从 返回 值 中 获取 头像 图 片 地 址 
dispimg. imageurl = left( trim( thestr) ,len( trim( thestr) ) -5 ) 
判断 当前 头像 的 类 型 
if trim( left( right( thestr,5) ,2) ) 2 " Jil SP" then 
radiol. checked = true 
radio2. checked - false 
else 
radiol. checked - false 
radio2. checked = true 
end if 
End Sub 
用 户头 像 包 含 了 性 别 信 息 ， 所 以 选择 头像 后 ， 代 表 性 别 的 单 选 钮 ( RadioButton 控件 ) 
为 厌 显 状态 。 单 击 保存 后 执行 的 事件 代码 如 下 : 
Sub Sure. Click( Sender As Object, E As Eventargs ) 
Dim strConn As String 


Dim sql as string 

Dim Cnn As OleDbConnection 

Dim Cmd As OleDbCommand 

Dim 1,j As Integer 

Dim theFace As Integer 

dim StrQOH as String 

Dim theName , theType , theQQ , theEmail , theHome , theTit , theContent As String 
theName = name. text “获取 昵称 信息 


theQQ = qq. text ‘获取 QQ 号 人 码 
theEmail = email. text 获取 Email 信息 
theHome = homepage. text “获取 个 人 主页 信息 
theTit = theTitle. text ‘获取 留言 主题 


theContent = content. text ‘获取 留言 内 容 
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theFace = Cint( right( drop. selecteditem. value ,3 ) ) 获取 头像 ID 
“判断 是 否 为 悄悄 话 
if checkbox1. checked then 


strqqh = "1" 
else 

strqqh = "0" 
end if 


if radiol. checked then 判断 性 别 
thetype = " 帅哥" 


else 
thetype = " S zz" 
end if 
if thename ="" or thetit ="" or thecontent = "" then 


span 1. innerhtml =" < font color = red > < small > 上 昵称、 主题 及 内 容 均 不 可 为 空 | 
</small > </font >" 
else 
“连接 数据 库 
strConn = " Provider = Microsoft. Jet. OLEDB. 4. 0; Data Source = " 
strConn = strConn & server. MapPath( " ly. mdb" ) 
cnn = New OledbConnection( strConn ) 
“保存 数据 
sql =" insert into lysheet ( nc , qq, sex , email , homepage , title , content , reply , faceid , tag_ 
qqh)" & . 
"values("' & thename & "," & theqq & "'," & thetype & '',"' & theemal & "," & - 
thehome & "'," & thetit & "'," & thecontent & "',"," & theface & " ," & strqqh 
AM a 
cnn. Open( ) 
Cmd = new OleDbCommand ( Sql , Cnn) 
cmd. executenonquery 
cnn. close( ) 
response. redirect(" main. aspx") “ 跳 转 至 留言 浏览 界面 
end if 
End Sub 


6.3.4 留言 回复 


在 面 问 管 理 员 留言 浏览 界面 中 ， 提 供 了 留言 回复 功能 。 如 果 留 言 沿 未 回复 ， 则 显示 一 个 
单 击 该 按钮 后 则 进入 此 条 留言 的 回复 页 面 ， 如 图 6-20 所 示 。 
页 面 首先 显示 要 回复 的 留言 记录 的 相关 信息 ， 包 括 留言 主题 和 留言 内 容 。 然 后 提供 文本 
框 ， JU Load 事件 中 执行 ， 代 人 码 如 下 : 


120 


ASP. NET 动态 网 站 开发 实战 教程 


C 留言 敌 — Windows Internet Explorer 


aox 


Go v g) http: //localhost/guestbook/reply. aspx?id=2 v 图 [好 | [x] 四 四 


FO RHO SEV KEKA IAT 和 帮助 0) 


dy RER | 图 免费 lotnail E) 网 页 快讯 库 。 [ 辐 建 议 网 站 DEF- 


euis Ar C] d - WEQ- z220 w0 A” 


: iiè 


SAGE | 你 好 ! 我 是 张 小 明 ， 有 空 常 联系 ! 


«3 本 地 Intranet 


图 6-20 ”留言 回复 页 面 


Sub Page Load(sender As Object, e As EventArgs) 


Dim strConn As String 

Dim sql as string 

Dim Cnn As OleDbConnection 

Dim Cmd As OleDbCommand 

dim datar as OleDbdatareader 

“获取 当前 所 要 回复 的 留言 信息 ID 
dim theld as string = request( " id" ) 
“查询 留言 信息 


sql = "select * from lysheet where id =" & cint( theid) 


A-| &100$ ~ :;: 


strConn = " Provider = Microsoft. Jet. OLEDB. 4. 0; Data Source =" & server. MapPath ( " 


ly. mdb" ) 

cnn = New OledbConnection ( strConn ) 
cnn. Open( ) 
Cmd = new OleDbCommand ( Sql , Cnn ) 
datar = cmd. executereader( ) 
if datar. read ( ) then 
“显示 留言 标题 及 内 容 

strTitle = datar( " title" ) 


strContent = datar( " content" ) 
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d 
V 


end if 
cnn. close( ) 


spanl. innerhtml = " " 


End Sub 
保存 留言 回复 信息 ， 主 要 通过 UPDATE 语句 更 新 相应 的 留言 记录 回复 信息 实现 ， 代 码 
如 下 : 
Sub Sure_Click( Sender As Object, E As Eventargs ) 
Dim strConn As String 


Dim sql as string 

Dim Cnn As OleDbConnection 

Dim Cmd As OleDbCommand 

Dim 1,j As Integer 

Dim theID ,theReply As String 

theID 2request(" id" ) “获取 留言 信息 的 ID 
theReply = content. text “获取 回复 信息 


if theReply 2"" then 
span 1. innerhtml =" < font color = red > < small > 回复 内 容 不 可 为 空 !  «/small > 
« /font >" 
else 


strConn = " Provider = Microsoft. Jet. OLEDB. 4. 0; Data Source = " 

strConn = strConn & server. MapPath( " ly. mdb" ) 

cnn = New OledbConnection( strConn ) 

将 回复 信息 保存 至 数据 库 

sql = " Update lysheet set reply ='" & thereply & "',replydate 2" & now( ) & "' where 
id=" & cint( theid) 

cnn. Open( ) 

Cmd = new OleDbCommand ( Sql , Cnn) 


cmd. executenonquery 


cnn. close( ) 
‘ 跳 转 至 留言 浏览 页 面 
response. redirect( " main. aspx" ) 
end if 
End Sub 
在 保存 事件 中 调用 了 时 间 函 数 NOW) 来 获取 当前 的 系统 时 间 ， 并 将 其 作为 回复 时 间 
保存 至 数据 库 。 数 据 保存 后 ， 页 面 将 跳 转 至 留言 浏览 页 面 。 


6. 3.5 留言 管理 


留言 管理 主要 是 管理 员 对 不 合适 的 留言 信息 删除 的 操作 。 当 管理 员 单 击 留言 浏览 页 面 上 
的 “删除 ”按钮 时 ， 页 面 将 跳 转 至 删除 留言 信息 的 页 面 。 具 体操 作 是 ， 从 数据 库 删 除 指 定 
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的 留言 信息 ， 然 后 将 页 面 跳 转 至 留言 浏览 页 面 。 在 留言 管理 页 面 中 ， 只 有 一 个 Page_ Load 
事件 ， 无 任何 窗 体 代码 。 
Sub Page Load(sender As Object, e As EventArgs) 
“连接 数据 库 
strConn = " Provider = Microsoft. Jet. OLEDB. 4. 0; Data Source =" 
strConn = strConn & server. MapPath( " ly. mdb" ) 
cnn = New OledbConnection ( strConn ) 
“获取 要 删除 信息 ID 
theTag = Request( " id" ) 
“执行 删除 操作 
sql = " delete from lysheet where id =" & cint( thetag) 
cnn. Open( ) 
Cmd = new OleDbCommand ( Sql , Cnn) 
cmd. executenonquery 
cnn. close 
" 跳 转 至 留言 浏览 页 面 


response. redirect( " main. aspx" ) 


End Sub 


6.4 A 


Z3 RDEEGSIDZJTAER BOMPECTPT, LEBUÉ EVE AE SHY TPBAdWmKA PI. DREIT, 
模块 设计 、 数 据 库 设计 以 及 运用 集成 开发 平台 visual studio 来 进行 ASP. NET 的 Web 应 用 程 
序 开发 ， 在 开发 中 熟悉 如 Web 控件 的 应 用 、 数 据 库 连 接 、SQL 语句 的 综合 应 用 和 事件 调用 
等 程序 设计 知识 和 技巧 。 
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上 一 章 介 绍 的 留言 管理 系统 是 构成 网 站 的 一 个 重要 组 成 部 分 ， 它 为 用 户 与 管理 者 的 交流 
提供 了 一 个 平台 。 而 网 上 聊天 系统 是 为 网 站 用 户 进 行 交 流 和 联系 提供 的 一 个 平台 。 最 早出 现 
的 聊天 室 是 用 文字 聊天 ， 后 来 发 展 到 语音 聊天 和 视频 聊天 。 本 章 着 重 介 绍 如 何 用 ASP. NET 
实现 文字 聊天 室 。 


工作 任务 


1. 聊天 室 需 求 分 析 及 模块 设计 ， 

2. 聊天 室 的 数据 库 设 计 ， 

3. 数据 库 的 基本 操作 ， 

4. VB. NET 的 控件 运用 和 事件 触发 机 制 。 


7.1 系统 设计 


7.1.1 需求 分 析 


网 站 利用 其 网 络 资源 优势 和 技术 优势 ， 提 供 网 上 聊天 系统 ， 来 达到 增进 用 户 信息 交流 和 
沟通 的 目的 ， 提 高 网 站 人 气 。 


7.1.2 系统 功能 设计 


聊天 室 系统 的 基本 功能 如 下 : 

1. 显示 聊天 信息 

通过 定时 刷新 页 面 来 动态 显示 用 户 最 新 聊天 内 容 。 

2. 发 送 聊天 信息 

用 户 发 送 上 自己 的 聊天 信息 ， 人 允许 设置 个 性 化 显示 ， 包 括 聊 天 对 象 、 发 言 的 表情 选择 、 字 
体 显示 颜色 和 贴图 。 

3. 在 线 用 户 列表 

显示 在 线 的 用 户 列 表 并 定时 刷新 。 


7.1.3 模块 功能 划分 
当 介 绍 了 系统 所 需 实现 的 功能 模块 并 执行 了 相应 的 功能 模块 的 划分 和 功能 设计 ， 可 以 编 
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写 相 应 的 模块 操作 流程 和 绘制 模块 图 ，ASP. NET 聊天 室 总 体 模块 划分 如 图 7-1 所 示 。 


ASP.NET 聊 天 室 


图 7-1 系统 总 体 模 块 功能 划分 


模块 与 文件 对 照 表 见 表 7-1。 
表 7-1 模块 与 文件 对 照 表 
模 块 名 文 件 名 功能 描述 
chatroom/ Default. aspx 


用 户 登 录 登录 入 口 、 退 出 登录 


chatroom/ Exit. aspx 


显示 聊天 信息 chatroom / Main. aspx 页 面 框 染 


chatroom / Talk. aspx 


发 送 聊天 信息 用 户 聊天 、 聊 天 信息 发 送 


chatroom / Send. aspx 


在 线 用 户 列 表 guestbook/ List. aspx 用 户 列 表 


7.2 ”数据库 设计 

在 ASP. NET 聊天 室 数 据 库 设计 时 ， 可 划分 为 登录 用 户 基本 信息 表 UserInfo 、 聊 天 基本 信 
EK Content 和 贴图 信息 表 FaceSheet。 
7.2.1 数据 库 的 分 析 和 设计 

留言 本 数据 库 设 计 图 如 图 7-2 所 示 。 


ASP.NET 聊 天 室 
后 台数 据 库 


XR 

E! 聊 
用 天 
" 2 
本 信 
1 "5 5 
AS 表 
表 


图 7-2 数据库 设计 图 
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各 表 的 的 详细 设计 见 表 7-2 ~7-4 所 示 。 
R72 用 户 基本 信息 表 
字 段 名 Y 》 数据 类 型 i i BROGA dH 


UserID 自动 编号 


注 : 字段 OnLine 表示 用 户 的 当前 在 线 状态 ，0 表示 尚未 登录 ，1 表示 已 登录 ， 上 默认 值 是 0。 
R73 ”聊天 内 容 基 本 信息 表 
* 段 名 字段 含义 数据 类 型 f Yr o3 
No 编号 目 动 编号 
Talker 发 言 人 文本 
ToObj 聊天 对 象 文本 
Color 聊天 内 容 显示 颜色 


文本 

Content 聊天 内 容 文本 
AW pe 文本 

F 文本 


Te | x | — [Wwe 


0E: 字段 TheTime 表示 用 户 在 聊天 室 中 的 发 言 时 间 ， 默 认 值 Now( ) ， 表 示 系 统 的 当前 时 间 。 
表 7-4 贴图 信息 表 


字 段 名 字段 含义 数据 类 型 xr 键 fü Yr F 
ID 序号 自动 编号 P 
PicAddr 贴图 的 图 片 地 址 文本 
DispTxt 贴图 对 应 的 显示 文本 文本 


7.2.2 数据 表 的 创建 


创建 表 可 以 通过 Microsoft Access2007 进行 创建 。 具体 步骤 请 参照 上 一 章 ， 可 以 HE SUN 
据 ， 添 加 到 建立 好 的 数据 表 中 。 如 图 7-3 ~ 图 7-5 所 示 。 


围 UserInfo 

Pl UuserID -| NC -| PWD -| Sex -| OnLine - ZEE 
bz 昌 畅 聊天 地 1234 男 1 

Iz 4 阳光 女孩 1234 gs 1 

LE 5 RKE 123123 男 1 

Ld 6 RRT 123123 g 1 

ES 71645 123123 X 0 

* AME) 0 


图 7-3 | UserInfo 数据 表 
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E] FaceSheet 
ID... sj Picáddr -| — DispTxt "| or ES 

a pic\face\0. gif R 
2 picì\face\1. gif HEE 
3 picvfacevd2. gif AB 
4 pic\face\32. gif 疑问 

5 picXfaceX34. gif E 
6 picXfaceM 1. gif TS 
i] T picXfaceMO. gif AA 
E 8 picvfacev13. gif WE zr 
9 picXfaceM 4. gif 微笑 
10 pic\face\l15. gif 难过 

11 picXfaceM 6. gif 酷 
12 pic\face\17. gif JEI 
13 pic\face\18. gif 抓 狂 
E 14 picXfaceMH. gif AB 
E| 15 pic\face“20. gif wE 
16 pic\face\21. gif nx 
E 17 pic\face\22. gif 白眼 
S 18 picXfaceX23. gif fele 

E 19 picXfaceM2. gif 色 

米 | (FME) 


图 7-4 FaceSheet 数据 表 


E] Content 


No -| Talker ~| To0bj ~| Color -| Content -| FaceStr - FacePic ~| TheTime - ndr 
1 畅 聊 天 地 大 家 #800080 ARY! ABKBRHE — picXfaceM4. gif 7013-9-8 17:24:35 
2 阳光 女孩 #0000FF ”你 怎么 这 时 候 才 来 ， 等 你 好 欠 了 … 含情 脉 脉 地 pic\face\ll.gif :013-9-8 17:27:39 
3 我 的 天 空 #800080 ”你 是 哪里 人 呀 ? 无 )013-9-8 17:29:46 
4 畅 获 天 地 光 #000000 FATAR? 一 切 都 好 蚂 ? pic\face\d3. gif :013-9-8 17:30:00 
8 追 梦 大 家 #FF0000 ARY! 无 )013-9-8 19:48:26 


9 阳光 女孩 ) #0000FF ”你 好 ! 欢迎 啊 ! pic\face\39. gif 013-9-8 19:48:35 
10 RKE #000000 ”我 是 北京 人 ， 你 呢 ? pic\face\28. gif 7013-9-8 19:49:05 
16 我 的 天 空 #FF0000 Rt ma, RARE HAM! pic\face\39. gif )013-9-8 19:55:55 
17 阳光 女孩 #008080 “一切 都 好 ! WE, CIEE? 无 pic\face\21. gif 2013-9-8 19:59:07 
18 畅 聊 天 地 光 #000000 “最 近 还 好 ， 有 空 我 请 你 吃饭 吧 ! pic\face\l4. gif ;013-9-8 20:01:12 
19 追 梦 阳光 女孩 800080 — REP, RADER, rcgis]! piciface M21. gif )13-9-12 15:16:29 
(新 建 ) )13-9-17 14:27:25 


图 7-5 Content 数据 表 


7.3 系统 实现 


7.3.1 创建 项 目 


1. 打开 visual studio， 选 择 “ 文 件 ” 沫 单一 “新 建 ”一 “项 目 ”， 在 弹出 的 对 话 框 中 选 
择 “visual basic 模板 ”， 在 右 侧 模板 中 选择 "asp. net web 应 用 程序 ”， 并 给 该 项 目 命名 为 
chatroom ， 如 图 7-6 所 示 。 

2. 连接 数据 库 。 打 开 “ 视 图 ” 采 单 一 “服务 冀 资 源 管 理 副 ”窗口 ， 右 击 “ 数 据 连 接 ” 
来 添加 项 目 与 数据 库 的 连接 ， 如 图 7-7 所 示 。 在 随后 出 现 的 对 话 框 中 选择 数据 源 为 Access 数 
据 文件 ， 设 置 数据 文件 路 径 ， 登 录用 户 名 密码 默认 值 ， 然 后 单 击 “ 测 试 连接 ”， 查 看 连接 是 
否 成 功 ， 如 果 成 功 ， 单 击 “ 确 定 ” 按 钮 完成 连接 数据 库 操 作 。 


*, Nicrosoft Visual Studio 
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文件 到) 编辑 多) WEY WiO IAO HOw — $585 


alc e i A a AO - CA 


7.3.2 用 户 登 录 


人 


四 四 
[: NET Framework 3.5 vi 


Temo 0000 Gm 
[3.Visual Basic Visual Studio 已 安装 的 模板 


-Windows 
Web 、 (Sglindows 窗 体 应 用 程序 的 类 库 
EMIL CRASP.NET Web 应 用 程序 ERASE. NET Web 服务 应 用 程序 
: 由 BRE E33 应 用 程序 PYPE 训 览 器 应 用 程序 
„Reporting CRISBIS AREF Excel 2007 THER 
WCE ($ Outlook 2007 外 接 程序 Gree 服务 应 用 程序 
tifia f Yora 2007 文档 gtindows 窗 体 控 件 库 
由 -Visual C# 
由 :Visual C++ 
由 .其 他 项 目 类 型 
由 -测试 项 目 


用 于 创建 具有 web 用 户 界 面 的 应 用 程序 的 项 目 CNET Framework 3.5) 
S QD: (chatroon] | 
TEU: nrc—— —— À— O M 
解决 方案 名 称 W: [chatroon 创建 解决 方案 的 目录 O 


确定 


图 7-6 创建 项 目 


输入 信息 以 连接 到 |] 选 定 的 数据 源 , 或 单 击 “更改 ”选择 另 
一 个 数据 源 和 /或 提供 程序 。 


数据 源 (86): 


Microsoft Access 数据 库 文 件 (OLE DB 


Zi E VS M): 


登录 到 数据 库 
M 
TH E): .. py Visual Studio 加 


[ ]f82 8583 (8) 


Ais QD) m 


图 7-7 创建 数据 库 连 接 


用 户 登 录 后 才 可 进入 聊天 室 ， 登 录 页 面 如 网 7-8 所 示 。 


慌 痘 录 [ 快 乐天 地 ] 聊天 室 — Windows Internet Explorer 


DER 


Go * ry http: //localhost/chatroom/ 


Ki 


IBe] [P vios 


tel- 


文件 区 ) dB) SEV ”收藏 夹 &) IAT) 和 帮助 Q0) 


dy WX | 次 加 免费 Jotmsil 居 ANHE- GEL DEF- 


| 感 登 录 [ 快 乐天 地 ] 聊 天 室 m 偷 - C? dh. WEQ- 安全 &)- IARO0-Q- " 
欢迎 光临 [快乐 天 地 ] 聊 天 室 
这 是 大 家 的 快乐 天 地 ， 请 交 明 聊天 ，^ 人 ^ 
您 的 昵称 : 
您 的 密码 : 
3x: 
完成 | XJ EH Intranet (4g | AW ~ > 


127 
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输入 用 户 和 名 密码 ， 单 击 “ 登 录 ” 按 钮 ， 即 可 进入 聊天 室 主 页 。 单 击 “ 登 录 ” 按 钮 的 事 
Sub Sure. Click( Sender As Object, E As EventArgs) 
Dim StrCnn As String 
Dim Sql As String 
Dim Cnn As OleDbConnection 
Dim Cmd As OleDbCommand 
Dim Dr As OleDbDataReader 
Dim theName As String 
Dim Pwd As String 
IBH t ALES P A 
theName = T1. Text 
‘IBH i ALB A 
Pwd = T2. Text 
“连接 数据 库 
StrCnn = " Provider = Microsoft. Jet. OLEDB. 4. 0; Data Source =" & Server. MapPath ( " 
lts. mdb" ) 
Cnn = New OleDbConnection( StrCnn ) 
Cnn. open( ) 
“查询 用 户 名 及 密码 是 否 正确 
Sql = "select * from userinfo where nc 2" & trim( theName) & "' and pwd =" & pwd 
&"" 
Cmd = New OleDbCommand ( Sql , Cnn) 
Dr = Cmd. ExecuteReader( ) 
If ( Dr. Read( ) ) then 


Dr. Close( ) 
:存在 此 用 户 名 和 密码 ,该 用 户 为 合法 用 户 ,将 该 用 户 的 Online 值 设置 为 1 ,表示 该 用 
户 已 登录 
Sql =" Update userinfo set online 2' 1 ' where nc Z2" & trim(theName) & "" 


Cmd = New OleDBCommand ( Sql , Cnn ) 
Cmd. ExecuteNonQuery 
Cnn. Close( ) 

将 用 户 的 名 称 赋予 Session 变量 


Session( " username" ) = trim( theName) 


Response. redirect ( " main. aspx" ) 
Else 
不 存在 匹配 的 用 户 信息 ,提示 错误 

spanl. innerhtml =" < font color =' red ' > Eix WHH P ARKAA! </font>" 
End If 
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End Sub 
« /asp :; Repeater > 
在 此 事件 代码 中 ， 首 先 判 断 用 户 名 及 密码 是 否 正 确 。 如 果 存 在 匹配 的 用 户 ， 人 允许 进 入 聊 
天 室 主页 。 进 入 主页 后 ,将 用 户 信息 表 中 的 Online 字段 设置 为 1， 表 示 其 为 在 线 用 户 。 登 录 
成 功 后 进入 聊天 室 主页 ， 如 图 7-9 所 示 。 


/http://localhost/chatroom/ nain. aspx — Windows Internet Explorer 


Go- eli tp: //localhost/chs /main. aspx 


TEO AmE SEU RERA IAT  $B500 
dy RER | EAP lotmail p) 网 页 快讯 订 - [puer DEF 
| Æ http: //localhost/chatroon/nain. aspx | | tu ES A æ - 页 面 @) ”> *€eG- 工具 @) ~ e- if 


妈 欢 迎 光临 『 快 乐天 地 】 聊天 室 ， 敬 请 文明 聊天 妇 QI s 


24:35] BERIEHE DEDI ER] textes 大 家 好 ! 39 快乐 天 地 


t Á A E --Smlm-- v 
17:27:39] [PERA T2 PIRRE] P 458 BO: 你 怎么 这 时 候 才 来 ， 等 你 好 久 了 … 
1729:46] 工 的 天 空 对 蒜 来 星 ] 说 ， 你 是 哪里 人 哇 ERAP: 4A] 


[17:30:00] PAMERAN: FARU? 一 切 都 好 吗 ? 9 9 wx] 
54826] DESDE ERIS A m 


19:49:35] [PERATA Het ER Hbri wo 9 fh LR ] 
249.05] RRE PIRETA: RERA RR? D Q -RRE ] 
9:55:55] [我 的 天 空 对 [天 来 星 ] 舌 就 鲍 好 说 ， 我 也 是 ， 呵 呵 ， 我 有 事 要 走 了 ， 改 天 聊 ! F Q -[ 我 的 天 空 ] 


9:59:07] [阳光 女孩 里 聊天 地 ] 说 ; 一 切 都 好 ! 你 呢 ， 工 作 忙 吗 ? D 
20:01:12] 响 聊 天 地 ] 对 [阳光 云 孩 ] 医 就 就 妈 阅 ， 最 近 还 好 ， 有 空 我 请 你 吃饭 吧 ! 33 
51629] [ 追 梦 ] 对 [阳光 去 孩 ] 笑 就 放 奶 说 :你 好 啊 ， 我 刚 进来 ， 这 里 好 热 间 ! 5X 


图 7-9 聊天 室 主 页 


—— RE 由 3 个 页 面 组 成 , 左上 页 面 为 聊天 内 容 ,文件 名 
Talk. aspx ; 页 面 为 信息 发 送 页 面 ， 文 件 名 Send. aspx; 右边 为 当前 在 线 人 员 列 表 页 面 
文件 名 List. aspx。 以 下 是 框架 文件 代码 : 


< html > 
< head > 
< meta HTTP-EQUIV = " Content-Type" CONTENT =" text/html; charset = gb2312" > 
< meta name =" GENERATOR" content =" Microsoft FrontPage 4. 0" > 
< meta name = " ProgId" content = " FrontPage. Editor. Document" > 
< title > « /ttle > 
« / head » 
< frameset cols =" * ,158" > 
< frameset rows = "85% , x" > 
< frame name = " rtop" target = " rbottom" src = " talk. aspx" > 
< frame name = " rbottom" src 2 " send. aspx" target 2". self" > 
« /frameset > 
< frame name = " right" scrolling 2 "no" noresize target = " rtop" src =" List. aspx" > 
« noframes > 


« body » 
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<p> 此 网 页 使 用 了 框架 ,但 您 的 浏览 带 不 文 持 框 儿 。 </p> 
</body > 
</noframes > 

</frameset > 

</html > 


7.3.3 发送 聊 天 信息 


在 发 送 聊天 信息 页 面 中 允许 用 户 发 送 上 自己 的 聊天 信息 。 为 体现 个 性 化 ， 人 允许 设置 发 言 的 
格式 ,报告 聊天 对 象 、 表 情 选 择 、 颜 色 设 置 及 贴图 每 。 对 于 表情 和 颜色 选择 ， 各 选项 可 在 页 
面 设计 时 静态 添加 ， 聊 天 对 象 和 贴图 两 个 DropDownList 控件 的 选项 则 在 页 面 加 载 时 动态 
增加 。 

聊天 对 象 指 用 户 发 言 时 面 回 的 对 象 ， 包 括 当 前 在 线 的 所 有 用 户 及 “大 家 ”， 对 应 的 
DropDownList 控件 定义 如 下 : 

<asp:dropdownlist id 2 " drop" Runat = " Server" > 


< asp : Listltem > 大 家 </ asp : Listltem > 
« /asp : Dropdownlist > 
在 定义 中 仅 添 加 “大 家 ”一 项 ， 其 余 选 项 均 在 Page Load 事件 中 加 载 ， 代 码 如 下 . 
StrCnn = " Provider = Microsoft. Jet. OLEDB. 4. 0; Data Source =" & Server. MapPath ( " 
lts. mdb" ) 
Cnn = New OleDbConnection( StrCnn ) 
Cnn. open( ) 
Sql = "select nc from userinfo where online = ' 1 "" 
Cmd = New OleDbCommand( Sql , Cnn) 
Dr = Cmd. ExecuteReader( ) 
While dr. read( ) 
“循环 记录 集 ,将 在 线 用 户 添加 至 聊天 对 象 中 
drop. items. add( new listitem( dr. getstring( 0) ) ) 
End While 
由 于 在 线 用 户 动态 对 是 改变 的 ， 因 此 这 里 主要 从 数据 库 中 查询 当前 的 在 线 用 户 信息 ， 并 
将 其 添加 到 对 和 象 列表 中 。 
贴图 指 在 用 户 所 发 送 的 聊天 信息 后 面 显示 用 户 指定 的 图 乒 ， 以 增加 趣味 性 。 由 于 贴图 中 
用 户 所 选择 的 图 片 信息 存储 在 FaceSheet 数据 表 中 ， 因 此 添加 其 选项 也 在 Page. load 事件 中 
动态 加 载 ， 以 下 是 加 载 的 有 关 代码 : 
“查询 贴图 信息 
Sql = "select picaddr, disptxt from facesheet order by id" 
Cmd = New OleDbCommand( Sql , Cnn) 
Dr = Cmd. ExecuteReader( ) 
while dr. read( ) 


dim Lltem as new Listltem 
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“设置 贴图 选项 的 显示 文本 

LItem. text = dr. getstring( 1 ) 

“设置 贴图 选项 的 返回 值 

Litem. Value = dr. Getstring( 0) 

Drop3. Items. Add(LItem) “添加 选项 

End While 

AJ depre] Tuv BE, KERET PSI wmm DropDownList 控件 的 AutoPostBack 属性 设置 
为 True。 这 样 当 贴图 选项 发 生 改 变 时 ， 便 会 立即 提交 至 服务 器 。 从 而 改变 Image 控件 的 显 
a, A 7-10 所 示 。 


图 7-10 Image 控件 的 显示 


改变 图 片 显示 的 相应 代码 如 下 : 
If Drop3. SelectedItem. Value = " 75" then 
当 没 有 选择 贴图 信息 时 ,设置 Image 控件 的 ImageUrl 属性 为 空 ,并 将 其 隐藏 
Imagel. ImageUrl = " " 
Imagel. Visible = " False" 
Else 
“选择 了 贴图 信息 ,将 ImageUrl 属性 设置 为 当前 贴图 所 对 应 的 图 片 地 址 
Imagel. ImageUrl = drop3. selecteditem. value 
imagel. visible = "True" “显示 Image 控件 
end if 
“发 送 ”按钮 的 单 击 事件 代码 如 下 : 
Sub Sure. Click( Sender As Object, E As Eventargs ) 
Dim StrCnn As String 
Dim Sql As String 
Dim theText As String 
Dim theObj As String 
Dim theFace As String 
Dim theFont As String 
Dim FacePic As String 
theText = Tl. Tet “获取 用 户 的 发 言 信息 
theObj = Drop. SelectedItem. Text “获取 用 户 选 择 的 聊天 对 象 
theFace = Dropl. SelectedItem. Text“ 获取 用 户 所 选择 的 表情 
theFont = Drop2. SelectedItem. Value < 获取 用 户 所 选择 的 字体 颜色 
FacePic = Drop3. SelectedItem. Value < 获取 用 户 所 选择 的 贴图 


“连接 数据 库 
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StrCnn = " Provider = Microsoft. Jet. OLEDB. 4. 0 ; Data Source =" & Server. MapPath( " 
lts. mdb" ) 
Cnn = New OleDbConnection( StrCnn ) 


Cnn. open( ) 
保存 用 户 的 发 言 信息 ,其 中 发 言 人 通过 Session 变量 username 来 获取 
Sql = " insert into content ( talker , toobj , color, content, facestr , facepic ) values('" & ses- 


sion( " username" ) & "'," & theobj & "'," & theFont & "'," & theText & "',"" 
& theFace & "'," & facepic & "')" 
Cmd = New OleDbCommand ( sql , Cnn ) 


Cmd. ExecuteNonquery 
Cnn. Close( ) 


T1. Text="" 清空 信息 文本 框 , 便 于 再 次 输入 
End Sub 


7. 3.4 显示 “留言 言 息 


条 聊天 信息 的 输出 内 容 应 包括 发 言 时 间 、 发 言 人 、 聊 天 对 象 、 聊 天 表情 和 聊天 内 容 ， 
以 及 贴图 等 同时 ， 还 需 设 置 聊天 内 容 字 体 的 颜色 为 用 户 发 送信 息 时 所 选择 的 颜色 ， 如 图 
7-11 所 示 。 


妈 欢 迎 光 I 临 『 快 乐天 地 」 聊 天 室 ， 葵 请 文明 聊天 女 


[172435] 啊 聊 天 地 ] 对 [大 家 ] 疾 就 就 她 说， 大 家 好 ! 39 


17:27:39] [HOC TA put [$98 H6] P ERAS: REAR R FRAT ex 
[17:29:46] [我 的 天 空 ] 对 [未 来 性 ] 品 : 你 是 哪里 人 呀 ? 


[17:30:00] PAWEH st [FEE E a: 好 久 不 见 啦 ? —na D 
[19:48:26] DEŽ PHARRR NA: AERA 


[19:48:35] — DE S ERRA: 你 好 ! 欢迎 啊 ! 和 

[19:49:05] [未 来 星 革 虐 的 天 空 ] 属 克 外 说 ， 我 是 北京 人 ， 你 呢 ? S 

[19:55:55] 工 的 天 空 对 床 来 星 ] 关 就 就 妈 阅 ， 我 也 是 ， 呵 呵 ， 我 有 事 要 走 了 ， 改 天 聊 ! W 
[19:59:07] [阳光 妈 孩 对 [ 跌 聊 天 地 ] 说 :一切 都 好 ! 你 呢 ， 工 作 忙 吗 ? D 

[20:01:12] 号 聊天 地 ] 对 [阳光 云 孩 ] 关 就 就 多 说 。 最 近 还 好 ， 有 空 我 请 你 吃饭 吧 ! S» 
[15:16:29] DÉS PHPAREA: R RAAR REAR D 


图 7-11 显示 聊天 信息 


以 下 是 聊天 信息 显示 页 面 的 实现 代码 : 
<%Q Page language = "vb" Debug = "true" % > 


« 06 (9 Import NameSpace = " System. Data" % > 
« 96 (9 Import NameSpace = " System. Data. OleDb" % > 
< Script language =" vb" runat 2 " Server" > 

Dim StrCnn As String 

Dim Sql As String 

Dim Cnn As OleDbConnection 

Dim Cmd As OleDbCommand 
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Dim Dr As OleDbDataReader 
Sub Page Load( Sender As Object, E As EventArgs) 
“连接 数据 库 
StrCnn = " Provider = Microsoft. Jet. OLEDB. 4. 0; Data Source =" & Server. MapPath ( " 
lts. mdb" ) 
Cnn = New OleDbConnection( StrCnn ) 
Cnn. open( ) 
“查询 聊天 信息 
Sql = " select theTime , Talker , toObj , Color , Content , Facestr ,facepic from content order by 
thetime" 
Cmd = New OleDBCommand( Sql , Cnn ) 
Dr = Cmd. ExecuteReader( ) 
End Sub 
« / Script » 
« html > « head > 
< meta http-equiv = " refresh" content = " 10" > 
< title > « /title > 
« / head » 
« body » 
«p style = " font-size: 11 pt" > < font color = " #848484" > * «/font > < font color = " # 
008 cff" > 欢迎 光临 «/font > «font color 2 " 4003510" > [ 快乐 天地]」< /font > < 
font color = " 4008 cff" > MRE , 敬 请 文明 聊天 < /font > «font color = " 4848484" 
> X </font> </p> 
< font style = " font-size : lOpt" > 
< % 
“循环 显示 聊天 信息 
While Dr. Read( ) 
‘显示 发 言 时 间 


Response. Write (" < font style 2' color; gray ' > | " & formatdatetime ( Dr. getDatetime (0), 


DateFormat. Longtime) & " | «/font > &nbsp; &nbsp;" ) 
“显示 发 言 人 

Response. Write ("| «font style =' color:blue '>" & dr. getstring( 1) & " </font> |") 
“显示 聊天 对 象 
Response. Write ("对 [ «font style =' color:green ' » " & dr. getstring(2) & " «/font > |") 

If trim( Dr. GetString( 5) ) < » "25" then 
“显示 聊天 表情 

Response. Write (" «i» «font style =' color : #800080 ' >" & dr. getstring(5) & " </ 


font » «/i»") 
End If 
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显示 聊天 内 容 , 其 颜色 为 用 户 发 言 时 所 选择 的 颜色 


Response. Write (" 说 : <font style =' color:" & dr. getstring(3) & "' »" & dr. getstring(4) 


& " </font>") 
if trim( dr. getstring( 6) ) < » "JE" then 
‘显示 贴图 


response. write ( " &nbsp; < img src ='" & dr. getstring( 6) & "' width ='20 ' height ='20 


2-5 
end if 
response. write (" «br >") 
End While 
Cnn. Close( ) 
06 
« /font > 
« / body » 
« / html > 


这 里 采用 了 hesponse. Write 方法 来 直接 输出 聊天 信息 而 没有 使 用 


数据 控件 。 这 样 做 更 易于 控制 所 显示 的 内 容 。 为 了 实现 动态 刷新 功能 ，| GOLES. 


TE < head > 标记 与 </head > 标记 间 添 加 代码 . 快乐 天 地 

< meta http-equiv = "refresh" content = "10" > d 

Seu E . . " mm [ 伍 线 用 户 : 4A 

该 代码 可 以 使 页 面 每 10s 刷新 一 次 ， 保 证 了 聊天 内 容 的 动态 刷新 。 e uwxit 
7.3.5 显示 在 线 用 户 编 _[ 阳 光 女 孩 ] 

侈 _[ 未 来 星 ] 

标志 设置 为 1， 因 此 获取 在 线 的 用 户 信 息 变 得 容易 了 。 显 示 在 线 用 户 的 
页 面 如 图 7-12 所 示 。 

以 下 是 显示 在 线 用 户 页 面 的 实现 代码 . 图 7-12” 显示 在 线 用 户 


<%Q Page Language =" VB" Debug = "true" % > 
« 96 (9 Import NameSpace = " System. Data" % > 
<%Q Import NameSpace = " System. Data. OleDb" % > 
< Script language = "vb" runat = " Server" > 

Dim StrCnn As String 

Dim Sql As String 

Dim Cnn As OleDbConnection 

Dim Cmd As OleDbCommand 

Dim Dr As OleDbDataReader 

dim Counts as integer 

Sub Page Load( Sender As Object, E As EventArgs) 
dim OrderStr as string 
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“连接 数据 库 

StrCnn = " Provider = Microsoft. Jet. OLEDB. 4. 0; Data Source =" & Server. MapPath ( " 
lts. mdb" ) 

Cnn = New OleDbConnection( StrCnn ) 

Cnn. open( ) 


“查询 当前 在 线 的 用 户 人 数 
Sql = " select count( * ) from userinfo where online = ' 1 '" 
Cmd = New OleDbCommand ( Sql ,Cnn ) 
Dr = Cmd. ExecuteReader( ) 
if dr. read( ) then 
counts = dr. GetInt32(0) 


else 
counts — 0 
end if 
dr. close( ) 
“ 按 用 户 所 选择 的 排序 方式 进行 排序 
if trim( dropl. selecteditem. text) < >" = = 显示 顺序 = =" then 


select case trim( dropl. selecteditem. text ) 
case " 按 姓名 字母 顺序 " 

orderstr =" order by nc". “ 按 姓名 排序 
case" 按 女士 优先 " 


orderstr =" order by sex desc" “ 按 女 十 优先 排序 
end select 
end if 
“查询 所 有 在 线 用 户 信息 
Sql = " select nc ,sex from userinfo where online 2'1 ' " & orderstr 


Cmd = New OleDbCommand ( Sql ,Cnn ) 
Dr = Cmd. ExecuteReader( ) 
End Sub 
< / Script > 
« html > « head > 
< meta http-equiv = " refresh" content 2 " 60" > 
< title > « /title > 
< style type = " text/css" > 
sl =o 
body {font-size :9pt; 
border: 1px #EEEEE; 
scrollbar-face-color: #eeeeff; 
scrollbar-shadow-color: black; scrollbar-highlight-color: green; scrollbar-dlight-color: # 
007300; 
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scrollbar-darkshadow-color: #B4E7B4; scrollbar-track-color:#E6E6FF, scrollbar-arrow-color: 
blue | 
| 
. btnStyle| font-size; 9pt; CURSOR; hand; BORDER-BOTTOM: #4d4d4d 2px solid; BOR- 
DER-LEFT: #4d4d4d 1px solid; BORDER-RIGHT. #4d4d4d 1px solid; BORDER-TOP: 
#4d4d4d 1px solid; COLOR ; #333300; | 
select | BACKGROUND-COLOR: stefefef; COLOR: black; FONT-FAMILY : 宋体 ; FONT- 
SIZE: 9pt; Border-width: 1px; | 
. editStyle | CURSOR : wait;font-size;:9pt; BACKGROUND-COLOR : £efefef; | 
zo 
« /style » 
« / head » 
< body topmargin = "0" leftmargin = "0" > 
< form runat = " server" » 
<img src = " pic Mop. jpg" width 2"162" height 2 "66" / > 
< center > 
<! -= 选择 显示 顺序 下 拉 列 表 框 -~-- > 
< asp :dropdownlist id = " Dropl" font-size = "10" AutoPostBack = " True" Runat = " serv- 
er" > 
< asp: Listltem selected = " true" >= = 显示 顺序 = = < /asp : Listltem > 
< asp : Listltem > 按 姓 名 字母 顺序 </ asp ; Listltem > 
« asp : Listltem > 按 女 士 优先 < / asp: Listltem > 
< /asp : dropdownlist > 
« / center » 


< table border = "0" cellpadding = "1" width 2" 10046" > 
<tr height = "30" > <td style = " padding-left: 10px" > 
<! -= 显示 在 线 用 户 人 数 -- > 
< font style = " font-size:10pt" > [在线 用 户 . < font color ="red" > <b > <% = 
counts% > </b> «/font > 人 | «/font > 
</td> «/tr» 
< % 
“循环 记录 集 ,显示 在 线 用 户 信息 
While ( dr. read( ) ) 
response. write(" «tr height 2'20 ' » «td style =' padding-left;:25px ' valign =' top ' >") 
“对 于 不 同性 别 ,显示 相应 图 像 
if dr. getstring( 1) =" 9j" then 
response. write(" <img src =' pic\boy. gif' width 2' 19 ' height ='19'/ >") 


else 
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response. write(" <img src =' pic Vgirl. gif' width 2' 19 ' height ='19'/>") 
end if 
response. write (" < font style =' font-size :10pt'> —-[| «font style 2'color:blue' >" & 
Dr. GetString(0) & " </font> | </font>") 
response. write (" </td> </tr>") 
End While 
Cnn. Close( ) 
jo > 
« /table » 
« /form » 
« / body » 
« / html > 
以 上 代码 提供 了 两 种 不 同 顺序 来 查看 当前 的 在 线 用 户 信息 ， 一 是 按 姓名 字母 排序 ; 二 是 
按 女士 优先 排序 。 对 于 第 一 种 排序 方式 ， 通 过 查询 在 线 用 户 的 SQL 语 名 添加 ”Order By ne" 
来 实现 ; 对 于 第 二 种 排序 方式 ， 在 SQL 语句 添加 ” Order By Sex Desc". 即 可 。 
另外 ， 对 于 实现 在 线 用 户 的 动态 刷新 ， 在 < Head > 标记 与 </Head > 标记 之 间 添加 了 代码 ， 


, 


< meta http-equiv = " refresh" content = "60" > 


AFERE T vt tB EE 60s 进行 刷新 。 
7.3.6 注销 用 户 

在 本 模块 中 ,判断 用 户 在 线 根据 其 登录 状态 OnLine 的 仁 ， 硅 值 为 1， 表示 用 户 在 线 ; 
值 为 0， 表 示 用 户 离线 。 所 以 判断 用 户 离 线 只 需 将 其 OnLine 值 设置 为 0 即 可 。 当 用 户 退 出 聊 
天 室 ， 一 般 有 两 种 操作 : 一 是 关闭 浏览 句 ; 二 是 输入 网 址 将 页 面 转向 其 他 网 站 。 两 种 操作 都 
要 关闭 框架 文件 中 的 一 个 子 页 面 。 通过 JavaScript 或 VBScript 脚本 ， 可 以 使 页 面 关 闭 时 执行 
相应 事件 。 在 关闭 框 染 文件 的 一 个 子 页 面 时 ， 打 开 一 个 新 页 面 ， 该 页 面 仅 执行 更 新 用 户 状态 
操作 ， 然 后 目 动 关闭 。 

打开 发 送 聊 天 信息 的 Send. aspx 页 面 ， 在 其 < Head > 标记 与 </Head > 标记 之 间 添 加 以 
下 VBScript 脚本 . 

< SCRIPT ID = clientEventHandlersV BB LANGUAGE = vbscript > 


Sub window. onunload 


window. open 


"exit. aspx" ," exit" ," fullscreen 20 toolbar = 0 , location = 0 , directories = 0 , status = 0 , menu- 


bar =0 ,scrollbars = 0 ,resizable 20, width = 1 ,height = 1 ,top = 200 , left 2 200" 
End Sub 
< / script > 
选择 在 Send. aspx 页 面 ， 而 不 是 框 染 文件 中 的 其 他 两 个 子 页 面 (显示 聊天 信息 和 显示 在 线 
HF), 是 因为 其 他 两 个 页 面 会 定时 动态 刷新 ， 这 样 在 一 定 程度 上 可 以 减少 对 页 面 的 影响 。 
以 上 脚本 定义 了 Window. | OnUnLoad 事件 ， 该 事件 在 页 面 关 闭 时 执行 。 在 此 事件 中 调用 
了 Window. Open 方法 来 打开 一 个 新 页 面 Exit. aspx， 此 页 面 即 将 用 户 的 登录 状态 OnLine 值 设 


138. ASP. NET 动态 网 站 开发 实战 教程 


置 为 0， 并 日 动 关闭 页 面 。 
以 下 是 Exit. aspx 页面 的 源 代码 . 
<%Q Page language 2" vb" Debug = "true" 96 > 
« 969 Import NameSpace = " System. Data" % > 
<%Q Import NameSpace = " System. Data. OleDb" % > 
< Script Language = " VB" Runat = "Server" > 
Sub Page Load( Sender As Object, E As EventArgs) 
Dim StrCnn As String 
Dim Sql As String 
Dim Cnn As OleDbConnection 
Dim Cmd As OleDbCommand 


“连接 数据 库 

StrCnn = " Provider = Microsoft. Jet. OLEDB. 4. 0; Data Source =" & Server. MapPath ( " 
lts. mdb" ) 

Cnn = New OleDbConnection( StrCnn ) 

Cnn. open( ) 

“将 当前 用 户 的 登录 状态 值 更 新 为 0 

Sql =" Update userinfo set online ='0' where nc ="" & trim(session( " username" ) ) & "'" 


Cmd = New OleDBCommand( Sql , Cnn ) 
Cmd. ExecuteNonQuery 
Cnn. Close( ) 


‘清空 Session 变量 
End Sub 
« / Script > 


< script language = javascript > 
window. close( ) ; 
< /script > 
这 里 仅 执 行 两 步 操作 ， 第 一 步 是 更 新 当前 用 户 的 登录 状态 OnLine 的 值 ， 并 清空 其 对 应 
的 Session 变量 ， 当 前 用 户 姓名 可 通过 Session ( "username" ) 来 获取 ; 第 二 步 是 调用 Javas- 
cript 脚本 的 Window. Close( ) 方法 关闭 当前 页 面 。 
至 此 ， 一 个 基本 的 聊天 室 已 经 构建 完毕 。 


7.4 Ax 


本 草 旨 在 通过 开发 聊天 室 这 个 例子 ， 让 读者 熟悉 系统 设计 中 包括 需求 分 析 、 功 能 设计 、 
模块 设计 、 数 据 库 设计 以 及 运用 集成 开发 平台 visual studio 来 进行 ASP. NET 的 Web 应 用 程 
序 开发 ， 在 开发 中 熟悉 如 Web 控件 的 应 用 、 数 据 库 连接 、SQL 语句 的 综合 应 用 和 事件 调用 
等 程序 设计 知识 和 技巧 。 
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LINQ (Language Integrated Query) 是 微软 公司 提供 的 一 种 统一 数据 查询 模式 ， 并 与 
. NET 开发 语言 进行 了 高 度 的 集成 ，LINNQ 的 使 用 极 大 地 简化 了 数据 碍 询 的 编码 和 调试 工作 ， 
提高 了 数据 处 理 的 性 能 。LINQ 是 Visual Studio 2008 中 的 领军 人 物 ， 借 助 于 LINQ 技术 ， 可 
以 使 用 一 种 类 似 SQL 的 语法 来 查询 任何 形式 的 数据 ， 目 前 为 止 ，LINQ 所 文 持 的 数据 源 有 
SQL Server, Oracle, XML 以 及 内 存 中 的 数据 集合 。LINQ to SQL 是 ADO. NET 和 LINQ 结合 
的 产物 ， 它 将 关系 数据 库 模 型 映 冉 到 编程 语言 所 表示 的 对 象 模 型 ， 开 发 人 员 通 过 使 用 对 象 桂 
型 来 实现 对 数据 库 数据 的 操作 。 本 章 就 是 使 用 LINQ to SQL 技术 实现 在 线 购书 网 站 中 图 书信 
县 管理 模块 的 各 类 操作 。 


学 习 目 标 与 任务 


DO 学 习 目标 


. 理解 LINQ 的 基本 概念 ; 

. 等 握 LINQ 的 基本 语法 和 基础 知识 ; 

.掌握 LINQ to SQL 的 使 用 方法 ; 

4. 掌握 在 线 购 书 网 站 中 图 书信 息 管 理 模块 的 设计 与 实现 。 


工作 任务 


设计 在 线 购书 网 站 中 图 书信 息 管理 模块 ， 实 现 图 书信 息 的 浏览 、 查 询 、 增 加、 修改 、 央 
除 等 功能 。 


8.1 系统 需求 分 析 与 设计 


LUD N me 


8.1.1 需求 分 析 


(1) 图 书信 息 管 理 模 块 主要 处 理 图 书 的 书写 、 书 名 、 作 者 、 出 版 社 、 出 版 日 期 、 价 格 、 
封面 图 片 等 信息 。 

(2) 用 户 通 过 访问 图 书信 息 省 理 页 面 浏 览 所 有 图 书信 息 ， 并 能 够 对 每 一 条 图 书信 息 记 
录 进 行 修改 、 删 除 操作 。 

(3) 用 户 通 过 访问 图 书信 息 管理 页 面 ， 可 以 查询 符合 条 件 的 图 书信 息 。 

(4) 用 户 通 过 访问 图 书信 息 管 理 页 面 ， 可 以 增加 新 的 图 书信 息 内 容 。 


8. 1.2 系统 功能 设计 
在 线 购书 网 站 中 的 图 书信 息 管 理 模块 ， 主 要 功能 是 实现 图 书信 息 的 浏览 、 查 询 、 增 加 、 
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修改 、 删 除 等 操作 。 上 有 具体 描述 如 下 : 

(1) 图 书信 息 浏 览 功能 

使 用 LIST 控件 、 通 过 LINQ to SQL 技术 实现 图 书信 息 的 输出 和 浏览 功能 。 
(2) 图 书信 息 查 询 功 能 

使 用 工具 栏 控 件 、 通 过 LINQ to SQL 技术 实现 有 条 件 的 图 书信 息 查 询 功能 。 
(3) 图 书信 息 增 加 功能 

使 用 工具 栏 控件 、 通 过 LINQ to SQL 技术 实现 图 书信 息 的 增加 功能 。 

(4) 图 书信 息 修 改 功 能 

使 用 工具 栏 控件 、 通 过 LINQ to SQL 技术 实现 图 书信 息 的 修改 功能 。 

(5) 图 书信 息 删 除 功能 

使 用 工具 栏 控件 、 通 过 LINQ to SQL 技术 实现 图 书信 息 的 删除 功能 。 
根据 上 节 分 析 的 系统 功能 需求 ， 可 以 得 到 系统 的 功能 模块 ， 如 图 8-1 所 示 。 


在 线 购书 网 站 


用 订 | 
户 间 A 
" t n 
理 a 

RE 理 


图 8-1 系统 功能 模块 图 
根据 上 述 的 系统 需求 分 析 和 功能 描述 ， 把 本 系统 分 成 实体 类 、 视 图 类 两 个 主要 的 模块 ， 
各 模块 所 包含 的 文件 及 其 功能 见 表 8-1, 
表 8-1 图 书信 息 管 理 模 块 文件 一 览 


模 XN 名 Xx 件 名 功能 描述 
数据 源 Book 数据 表 数据 库 中 表 文 件 

实体 类 模块 dataClassl. dbml 图 书 表 实体 类 文件 

Default. aspx 主页 

Insert. apsx 插入 图 书信 息 文件 
视图 类 模块 

Update. aspx 修改 图 书信 息 文件 

Delete. aspx 删除 图 书信 息 文件 
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8.1.3 系统 运行 演示 


我 的 ASP.NET 应 用 程序 


主页 x 


我 的 ASP.NET 应 用 程序 


up 主页 关于 
BookID BookName author unitPrice pressDate - ze 


马尔 萨 斯 译 林 出 版 社 2011-1-1 00:00:00 
ME 三 联 出 版 社 2012-10-1 00:00:00 
"EROS 人 民 文 学 出 版 社 36 2010-9-8 00:00:00 
PESE ”清华 大 学 出 版 社 35 2010-7-8 00:00:00 


| 


BookID BookName author press  unitPrice pressDate 
002 悲惨 世界 MA 三 联 出 版 社 29 2012-10-1 00:00:00 


m 


a) 运行 主页 b) 查询 图 书信 息 


RÉI ASP.NET 应 用 程序 我 的 ASP.NET 应 用 程序 


主页 天 于 主页 Ai 


BookiDlBookName| author | ^ press |unitPrice| — pressDate | BockID|BookName| author | ^ press — |unitPrice| — pressDate — | 
pos kes — [8m 
TEMU UNMZINEIDSETTI poa Bm memet | 清华 大 学 出 版 社 


n X8 [l^ 
" m 
a 


广 记 局 Bw| 
m9 dS de [m o | 


fa NK re | 
e R i oen | 


EN 


c) 准备 搬入 新 的 图 书信 息 前 d) 插入 一 条 新 的 图 书信 息 后 


我 的 ASP.NET 应 用 程序 我 的 ASP.NET 应 用 程序 


主页 RARES 修改 图 书信 息 删除 图 书信 息 天 于 主页 RARES 修改 图 书信 息 删除 图 书信 息 ZEI 


lBookiDlBookName| author | ^ press |unitPrice| — pressDate — | BeoklD|BookName| author | ^ press |unitPrice| — pressDate — | 
poi 。 目 年 板 独 “马尔萨斯 | 译 林 出 版 社 “|29 [2011-1-1 00:00:00 | 
选择 要 修改 的 书号 : |005 M 选择 要 修改 的 书号 : |005 国 | 

更 改 书 名 : 


更 改作 者 : 


更 改 出 版 社 ， | 百花 出 版 社 更 改 出 版 社 : | 百花 出 版 社 


更 改 单价 : 更 改 单价 : 
更 改 出 版 日 期 : 更 改 出 版 日 期 : 


e) 修改 选 定 的 图 书信 息 前 f) 修改 选 定 的 图 书信 息 后 


图 8-2 ”系统 运行 演示 
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我 的 AsP.NET 应 用 程序 
主页 。 ”添加 图 书信 息 。 “修改 图 书信 息 。 “删除 图 书信 息 。 ” 关 我 的 ASP.NET 应 用 程序 


BookiDlBookName| author | press lunitprice| — pressDate — | 二 
ooi 。 症 年 孤独 “加尔 萨 斯 译 林 出 版 社 
me — press. Rr prwDete 


002 ë kepta [mm č kema po — | 

pos gres — [BEA RIs [2010-9-8 00:00:00 
bo. iea [eger ekaa 2010-7-8 00:0000 | TI 
选择 要 删除 的 图 书 编号 ，[005 图 | aM ) 

选择 要 删除 的 图 书 编号 : 


g) 删除 图 书信 息 前 h) 删除 图 书信 息 后 


图 8-2 系统 运行 演示 (ZEE) 


8.2 系统 数据 库 设计 实现 


该 系统 采用 SQL Server 2005 作为 后 台数 据 库 去 存储 所 有 与 系统 相关 的 数据 。 数 据 模型 
的 最 终 目 的 束 是 规划 能 够 有 效 地 处 理事 务 ， 并 且 保 持 应 用 开发 的 休 洁 性 的 关系 数据 库 ， 并 在 
数据 库 的 规范 化 、 性 能 优化 以 及 数据 的 简洁 性 之 间 达 到 平衡 。 


8.2.1 数据 库 表 设计 


根据 系统 分 析 和 功能 的 说 明 ， 设计 一 张 图 书信 息 表 (book) 即 可 以 满足 模块 功能 。 表 
"E Bed yh Wd 8-2 。 
表 8-2 图 书信 息 表 


es 

Author 作者 Varchar ff 

Press 出 版 社 Varchar ff 
EE RN 


UnitPrice 


8.2.2 创建 数据 库 


(1) 创建 数据 库 

如 图 8-3 所 示 ， 依 次 选择 “开始 ”和 染 单一 所 有 程序 一 “microsoft sql server 2005" 一 
“sql server management studio”， 打 开 数 据 库 管 理 右 ， 右 击 对 象 资源 管理 锅 中 的 “数据 库 ”， 
选择 “新 建 数据 库 ”， 新 建 一 个 名 为 MyShopping 的 数据 库 。 

(2) 创建 数据 表 结 构 

如 图 8-4 所 示 ， 右 击 “ MyShopping” 数 据 库 中 的 “ 表 ”， 选 择 “ 新 建 表 ”， 新 建 
book 表 。 如 图 8-$ 所 示 ， 依 次 创建 bookID、bookName、author、 press, pressDate, unit- 
price A E Ex , 
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F.. Nicrosoft SQL Server Nanagement Studio 
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刷新 (E) x RE 
国 数 据 库 快照 
- E ReportServer 
由 [d Notification Services E ReportServerTempDB 


B SQL Server HE (ERARE XP) 


图 8-3 创建 数据 库 
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C 新 建 表 QD... 
筛选 器 (L) d 
刷新 E) 


sa 安全 性 


图 8-4 创建 book 数据 表 


R Nicrosoft SQL Server Nanagement Studio 

TFE Sem  UHEIQO FEAH 表 设 计 器 LL IA 窗口 如 
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和 对象 资源 管理 器 | | OX - dbo Table ie PE 
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社区 (C) — $885 Q0 


允许 空 
日 图 CHENGUANGXIANG (SQL Server 9.0.1399 - CH .PBookiD varchar(50) O 
日 国 数据 库 BookName varchar(50) 口 
由 Ca Tapia an author varchar(50) 口 
= G -o press varchar(50) 口 
日 uj MyShopping unitPrice int O 
由 [3 数据 库 关 系 图 pressDate datetime 口 
SEED - 
由 国 Aki] 
由 L3 可 编程 性 


图 8-5 ”创建 book 数据 表 字 段 


(3) 设置 主键 

添加 完 字 段 后 ， 需 要 设置 主键 。 右 击 “bookID” 和 条目， 在 弹出 的 快捷 菜单 中 选择 “ 设 
置 主键 ”， 将 bookID 设 为 主键 ， 如 图 8-6 所 示 。 随 后 单 击 “ 保 存 ” 按 钮 保存 当前 数据 表 ， 名 
称 为 book， 完 成 表 结 构 的 创建 。 
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注意 : 如 果 要 同时 设置 两 个 以 上 入 段 为 主键 ,方法 是 : 选用 < Ctrl > 键 选择 多 个 字段 ， 
右 击 选择 “设置 主键 ”。 
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由 HO | 
由 E MycliusicStore -— 3p. 删除 列 QD 口 
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图 8-6 设置 主键 


(4) 添加 数据 内 容 

设计 好 数据 表 结 构 后 ， 就 要 添加 数据 表 的 数据 了 。 找 到 MyShopping 数据 库 ， 打 开 树 状 
目录 ， 选 择 “ 表 ”一 “dbo. book”， 右 击 并 在 快捷 末 单 中 选择 “打开 表 ”， 如 图 8-7 Bro, 
在 右 侧 窗口 中 添加 数据 表 的 内 容 ， 如 图 8-8 所 示 。 
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图 8-7 打开 book 数据 表 
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BookName unitPrice pressDate 
译 林 出 版 社 2011-1-100:00:00 
三 联 出 版 社 2012-10-1 00:0... 
信 民 文学 出 版 社 2010-9-8 00:00:00 
清华 大 学 出 版 社 2010-7-8 00:00:00 
NULL NULL 


图 8-8 ”添加 数据 表 内 容 


第 8 章 LINQ to SQL 实现 图 书信 息 管理 ”<145 


8.3 ”基础 知识 


8. 3. 1 LINQ 基础 


(1) LINQ 概念 

LINQ (Language Integrated Query) ， 语 言 集成 查询 ， 是 一 组 用 于 C# 和 Visual Basic 语言 
的 扩展 。 它 允许 编写 CHRE Visual Basic 代码 以 查询 数据 库 相 同 的 方式 操作 内 存 数据 。 

查询 是 一 种 从 数据 源 检索 数据 的 表达 式 。 查 询 通 常用 专门 的 查询 语言 来 表示 。 随 者 时 间 
的 推移 ， 人 们 已 经 为 各 种 数据 源 开 发 了 不 同 的 语言 ， 例 如 ， 用 于 关系 数据 库 的 SQL 和 用 于 
XML 的 XQuery。 因 此 ， 开 发 人 员 不 得 不 针对 它们 必须 文 持 的 每 种 数据 源 或 数据 格式 而 学 习 
新 的 查询 语言 。LINQ 通过 提供 一 种 路 各 种 数据 源 和 数据 格式 使 用 数据 的 一 致 醒 型 ， 人 简化 了 
这 一 信人 5 

(2) LINQ 优点 

1) 无 需 复 杂 学 习 过 程 即 可 上 手 。 

2) 编写 更 少 代 码 即 可 创建 完整 应 用 。 

3) 更 快 开 发 错误 更 少 的 应 用 程序 。 

4) 无 各 求助 奇怪 的 编程 搁 巧 就 可 合并 数据 产 。 

5) 让 新 开发 者 开发 效率 更 高 。 

6) 任何 对 和 象 或 数据 源 都 可 以 定制 实现 LINO 适配器 ， 为 数据 交互 带 来 真正 方便 。 

(3) LINQ 查询 实例 

所 有 LINQ 查询 操作 都 由 3 个 不 同 的 操作 组 成 : 获取 数据 源 、 创 建 查询 、 执 行 查询 。 

下 面 先 介绍 一 个 示例 。 在 这 个 示例 中 ， 创 建 了 一 个 查询 ， 使 用 LINQ 在 一 个 简单 的 内 存 
对 象 数 组 中 查找 一 些 数据 ， 并 输出 到 控制 全 上 。 代 码 如 下 : 

static voidMain( string| | args) 


| 


string | | names = | " Alonso" , "Zheng" , "Smith" , "Jones" , " Smythe" ," Small" , " 
Ruiz" , "Hsieh" , " Jorgenson" , "Ilyich" , "Singh" , "Samba" , "Fatimah" | ; 

var queryResults = from n in names where n. StartsWith(" S") select n; 

Console. WriteLine( " Names beginning with S; "); 

foreach ( var item in queryResults ) 


| 


Console. WriteLine( item) ; 


j 

在 上 面 的 示例 中 ， 第 一 步 是 创建 一 些 数 据 ， 就 是 声明 并 初始 化 names 数组 : 

string| | names = | " Alonso" , "Zheng" , "Smith" , "Jones" , " Smythe" , "Small" ," Ruiz" , 
"Hsieh" , "Jorgenson" , "Ilyich" , "Singh" , "Samba" , "Fatimah" | ; 

程序 的 下 一 部 分 是 创建 LINQ 查询 语句 : 
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var queryhesults = 
from n in names 
where n. StartsWith( " S" ) 
select n; 

这 是 一 个 看 起 来 比较 古怪 的 语句 。 它 不 像 是 C# 语 言 ， 实 际 上 from. .. where... select 类 
似 于 SQL 数据 库 查 询 语言 。 

但 是 ， 这 个 语句 不 是 SOL， 而 是 在 编译 和 角 中 输入 这 些 C# 代 人 码 时 ，from 、where 和 select 
会 突出 显示 为 天 键 字 ， 这 个 古怪 的 语法 对 编译 硕 而 言 是 完全 正确 的 。 

这 个 程序 中 的 LIN 查询 语句 使 用 了 LIN 声明 性 查询 场 法。 该 语句 包括 4 个 部 分 : 以 
var 开头 的 结 末 变量 声明 ， 使 用 查询 表达 式 给 该 结 采 变量 赋值， 查询 表达 式 包 含 from TAJ, 
where 子 句 和 select 子 句 。 下 面 逐 一 介绍 它们 。 

1. 用 var 关键 字 声 明 结 果 变 量 

var queryhesults = 

var 在 前 面 已 经 介绍 过 ， 用 于 声明 一 般 的 变量 类 型 ， 特 别 适合 于 包含 LINQ LR. 
var 关键 字 告 诉 C# 纺 译 希 ， 根 据 查 询 推 呆 结 采 的 类 型 。 这 样 ， 驶 不 必 提 前 声明 从 LIN 查询 
返回 的 对 和 象 类 型 了 一 一 编译 各 会 推 烦 出 该 类 型 。 如 果 查 询 返 回 多 个 结 末 ， 该 变量 就 是 查询 数 
据 源 中 的 一 个 对 象 集合 (在 技术 上 它 并 不 是 一 个 集合 ， 只 是 看 起 来 像 是 集合 而 已 ) 。 

2. 指定 数据 源 (from 子 句 ) : 

from n in names 

本 例 中 的 数据 源 是 前 面 声明 的 字符 串 数组 names。 变 量 n 只 是 数据 源 中 某 一 元 素 的 代 
表 ， 类 似 于 foreach 语句 后 面 的 变量 名 。 指 定 from 子 句 ， 束 可 以 只 查找 集合 的 一 个 子 集 ， 而 
MHARA KIIR. WER, LINQ 数据 源 必须 是 可 枚 举 的 一 一 必须 是 数组 或 集合 ， 可 
以 从 中 选择 出 一 个 或 多 个 元 素 。 

注意 : 数据 源 不 能 是 单个 值 或 对 象 ， 例 如 单个 int 变量 。 

3. 指定 条 件 (where 子 句 ) : 

where n. StartsWith( " S" ) 

可 以 在 where 子 句 中 指定 能 应 用 于 数据 源 中 各 元 素 的 任意 布尔 (true 或 false). 表达 式 。 
实际 上 ，where 子 句 是 可 选 的 ， 甚 至 可 以 忽略 ， 但 在 大 多 数 情况 下 ， 都 要 指定 where 条 件 ， 
把 结果 限制 为 需要 的 数据 。where 子 句 称 为 LINQ 中 的 限制 运算 符 ， 因 为 它 限 制 了 查询 的 


-E 
a 


4. 指定 元 素 (select FAJ). 

最 后 ，select 子 句 指定 结果 集中 包含 哪些 元 素 。select 子 句 如 下 . 

select n; 

select 子 句 是 必需 的 ， 因 为 必须 指定 结 采 集中 有 哪些 元 素 。 因 为 在 结 采 集 的 每 个 元 素 中 
都 只 有 一 项 name。 如 条 结果 集中 有 比较 复杂 的 对 象 ， 使 用 select 子 句 的 有 效 性 就 比较 明显 。 

5. 完成 (使 用 foreach 循环 ) 。 

现在 输出 查询 的 结果 。 与 把 数组 用 作 数 据 源 一 样 ， 像 这 样 的 LIN 查询 结果 是 可 以 枚 举 
的 ， 即 可 以 用 foreach 语句 迭代 结果 
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foreach (var item in queryResults) 


| 


Console. WriteLine( item ) ; 


| 
8.3.2 LINQ to SQL 


LINQ to SQL Æ ADO. NET 和 LINQ 结合 的 产物 ， 它 将 关系 数据 库 模 型 映射 到 编程 语 
言 所 表示 的 对 象 模 型 ， 开 发 人 员 通 过 使 用 对 象 模型 来 实现 对 数据 库 数据 的 操作 。 在 操 
作 过 程 中 ，LINQ to SQL 会 将 对 象 模型 中 的 语言 集成 查询 转换 为 SQL， 然 后 将 它们 发 送 
到 数据 库 进行 执行 ， 当 数据 库 返 回 结 果 时 ，LINQ to SQL 会 将 它们 转换 成 相应 的 编程 语 
言 处 理 对 象 。 

使 用 LINQ to SQL 可 以 完成 的 第 用 数据 库 操作 包括 : 选择 、 插 和 入、 更新、 删除 。 这 4 种 
操作 包含 了 数据 库 应 用 的 所 有 功能 ，LINO to SQL 全 部 都 能 实现 。LINQ to SQL 的 使 用 主要 可 
以 分 为 两 个 步 又 . 

(1) 创建 对 象 模型 

要 实现 LINQ to SQL， 首 先 必 须根 据 现 有 的 数据 库 的 元 数据 创建 对 象 模型 ， 对 象 模 型 就 
是 按照 开发 人 员 所 用 的 编程 语言 来 表示 的 数据 库 。 有 了 这 个 表示 数据 库 的 对 象 模型 后 ， 才 能 
创建 查询 语句 操作 数据 库 。 

(2) 使 用 对 象 模型 

在 创建 了 对 象 模型 后 ， 就 可 以 在 该 模型 中 请 求 和 操作 数据 了 ， 使 用 对 象 模型 的 基本 步骤 
如 下 : 

1) 创建 查询 以 便 从 数据 库 中 检索 信息 。 

2) 重 写 insert、update 、delete 的 默认 方法 。 

3) 设置 适当 的 选项 以 便 检测 和 报告 可 能 发 生 的 并 发 冲突 。 

4) 建立 继承 层次 结构 。 

5) 提供 合适 的 用 户 界 面 。 

6) 调试 应 用 程序 。 


8.4 系统 实现 


8.4.1 创建 LINQ to SQL 实体 类 


(1) 启动 Visual Studio 2010， 如 图 8-9 所 示 ， 创 建 一 个 ASP. NET Web 应 用 程序 ， 命 名 
为 bookManage。 

(2) 执行 “视图 ”菜单 一 “服务 右 资 源 管理 器 "， 打开 服务 右 资 源 管理 峰 ， 右 击 “ 数 
据 连 接 ”， 在 弹出 及 单 中 选择 “添加 连接 ”命令 ， 如 图 8-10 所 示 。 

(3) 在 弹出 的 “添加 连接 ”对 话 框 中 ， 首 先 选 择 数据 库 服 务 需 名 称 ， 然 后 选择 建立 连 
接 的 数据 库 ， 单 击 “ 测 试 连接 ”查看 连接 是 否 成 功 ， 如 采 成 功 则 单 击 “确定 ”按钮 完成 数 
据 连 接 ， 如 图 8-11 所 示 。 
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图 8-9 创建 ASP. NET Web 应 用 程序 


输入 信息 以 和 连接 到 选 定 的 数据 源 ， 或 单 击 “ 更 鸣 ” 选 择 另 一 个 数据 
源 和 /或 提供 程序 。 


数据 源 (6): 


Microsoft SQL Server (SqlClient) P (C)... 


服务 器 名 Œ): 
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图 8-10 添加 连接 图 8-11 “测试 连接 成 功 ” 对 话 框 


(4) 单 击 “视图 ”菜单 一 “解决 方案 资源 管理 器 *， 打 开 解 决 方案 资源 管理 器 ， 右 击 

项 目 名 称 “bookManage”， 选 择 “ 添 加 新 项 ”， 在 随后 弹出 的 “添加 新 项 ”对 话 框 中 ， 选 择 

“Visual C#” 模 板 ， 在 右 侧 模板 群 中 选择 “LINQ to SQL 类 ”， 名 称 为 DataClassesl. dbml, 单 
i "NAT TER. WE] 8-12 所 示 。 

(5) 3 M 在 “解决 方案 资源 管理 名 ”中 ， 会 生成 一 个 dataClassesl. dbml X fb, iz X 

件 还 包含 一 “ dataClassesl. dbml. layout" 文件 和 “dataClassesl. designer. cs” 文件。 双击 

" dataClassesl. a 文件 ， 出 现 LINQ to SQL S: HERB “对 象 关系 设计 侣 ”界面 ,将 my- 

shopping 数据 库 中 的 book 表 拖 搜 到 该 窗口 中 ， 这 样 就 生成 了 对 应 book 表 的 实体 类 ， 如 图 8- 

13 所 示 。 打 开 “dataClassesl. designer. cs” 文件， 可 以 看 到 该 文件 上 自动 生成 了 图 书 实体 类 、 
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JEŽA DataClassesDataContext 的 定义 , 


bookManage 一 Microsoft Visual Studio 
文件 他) 编辑 人 区) WAN MAE) 调试 种) 团队 如 ) 数据 必 ) TAO 测试 @) 
d- a- délxuameo-c-8-3u|» 
IU ID -mETYT 
服务 器 资源 管理 器 ~ AX JDstaClassesi.designer.cs Dataclassesl. dbml 


zs 34 Ss 
由 gi SharePoint 连接 
i DIT 
: 由 … m chenguangxiang Tk 
o- ji 数据 连接 
B- IE chenguangxi ang. MyShopping. dbo 日 属性 
自 - Cg 数据 库 关系 图 : 
B- E 表 ? ËT BookID 
. 国 book EN BookName 
EH cart AM author 
| EH order ST press 
- [E] oerderDescription CST unitPrice 
Ed product "AM pressDate 
- E] produetCategory 


. 国 user 
图 8-13 ”将 book 表 添 加 到 对 象 关 系 设 计 需 


8. 4. 2 浏览 图 书信 息 /GE - 八 页 面 实现 


(1) 双击 “default. aspx” XF, A “W ME, 选择 “视图 ” 沫 单一 “工具 箱 ”， 
调 出 “工具 箱 ” Æ “TEH” Hid 'gridview" , “textbox” , "button" 控件 各 一 个 ， 拖 搜 
到 default. aspx 文件 中 的 < form > < /form > 标签 中 间 。 

(2) 切换 到 “设计 ”视图 ， 单 击 “gridview” 控件 右 侧 的 “>”， 进 入 “自动 套用 格 
式 ”， 选 择 喜 好 的 显示 格式 。 

(3) 双击 “default aspx. es” 文件， 编写 page | load 函数 代码 如 下 : 
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protected void Page Load( object sender, EventArgs e) /页 面 加 载 时 执行 
| 
DataClassesl DataContext da = new DataClassesl DataContext( ) ; 


Var user = from s in da. book 


select s; 
GridViewl. DataSource = user; // 设 置 gridview 控件 数据 源 
GridViewl. DataBind( ) ; // 执 行 数据 绑 定 


(4) 选择 “button” 控 件 ， 右 击 ， 选 择 “ 属 性 ”， 将 TEXT 名 称 改 为 “查询 ”。 然 后 双击 
“button” 按 钮 ， 在 弹出 的 “Buttonl_ Click" 事件 处 理 文件 中 增加 查询 图 书信 息 的 代码 如 下 : 
protected void Buttonl_Click( object sender, EventArgs e) 
| 
DataClassesl DataContext da = new DataClassesl DataContext( ) ; 
Var user = from s in da. book 
where s. author = = TextBoxl1. Text 
select s; 
Grid Viewl. DataSource = user; 
GridViewl. DataBind( ) ; 
j 
(5) 保存 所 有 修改 。 单 击 “ 工 具 栏 ”一 “局 动 调试 ”按钮 ， 运 行 效 末 如 图 8-14 和 图 8-15, 


©) 主页 一 Eozilla Firefox 


FO 编辑 区) SEV MRG) uc e IR(G $8500 


我 的 ASP.NET 应 用 程序 


BookID BookName author press unitPrice pressDate 
001 AEM ”马尔 萨 斯 译 林 出 版 社 29 2011-1-1 00:00:00 
002 悲惨 世界 ME 三 联 出 版 社 29 2012-10-1 00:00:00 
003 E S: EET OS 人民 文学 出 版 社 36 2010-9-8 00:00:00 
004 数据 结构 MRR ”清华 大 学 出 版 社 35 2010-7-8 00:00:00 


图 8-14 显示 所 有 图 书信 息 


8.4.3 增加 图 书信 息 页 面 实现 


(1) 创建 一 个 使 用 母 版 页 的 Web 窗 体 文件 insert. aspx， 如 图 8-16 所 示 ， 在 随后 弹出 的 
对 话 框 中 选择 Site. Master 为 母 版 页 ， 如 网 8-17 所 示 ， 单 击 “ 确 定 ” 按 钮 创建 完成 in- 
sert. aspx 文件 。 
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C) 主页 一 Nozilla Firefox 
THEO mE 查看 名 PRO PEE IAM $5B»00 


[名 | @ localhost:3225/Default. aspx 


(9j 访问 最 多 | 火狐 官方 站 点 上 


我 的 ASP.NET 应 用 程序 


主页 Asi 


BookID BookName author press unitPrice pressDate 
002 SEES MA 三 联 出 版 社 29 2012-10-1 00:00:00 


mz o a] 


K| 8-15 显示 查询 图 书信 息 


添加 新 项 一 bookNanage 


ekna T mE 
四 Visual C | = 一 l ^ 
Web | EzES| "eb 8d Visual [# — —| 
c m UE 
WPF (d S| 使 用 母 版 页 的 web 窗 体 Visual C& 
常规 | i ———————————————————————————————————————Ó E 
p | B| wes 用 户 控件 Visual Ci 项 目次 件 夹 C): 让 件 夹 内 容 C): 
数据 | 日 cA booklanage E Site. Master 
Reporting | m 类 Visual C# pi- Account 
Silverlight | a-g Àpp Data 
| TH . : - — 
Workflow | i RE Visual C$ &E- S] Properties 
联机 模板 [.] meesism Visual Cë o-ta 引用 
| 6- Scripts 
| HNL 页 Visual C& &-[ Styles 
| 样式 表 Visual C# 
NNNM a o d ER JScript 文件 — .. Visual [# — 
she. 
图 8-16 ”添加 insert. aspx 文件 图 8-17 ”选择 母 版 页 


(2) XXE "inser. aspx” 文 件 ， 切 换 到 “设计 ”视图 ， 打 开 “ 工 具 箱 ”， 从 中 拖 动 1 个 
GridView 控件 、4 个 textbox 控件 、1 个 DropDownList 控件 、1 个 Calender 控件 、1 个 Button 
控件 到 设计 视图 中 MainContent 模块 中 ， 修 改 DropDownList 控件 属性 AutopostBack 值 为 true, 
然后 切换 到 “ 源 ” 视 图 ， 给 相应 的 控件 增加 描述 文字 。 如 图 8-18 Br. 


«4G Page Titlez"" Languagez"C&" MasterPageFilez" /Site.Master" hutoEventWireup="true”" 

«asp:Content ID-"Contentl" ContentPlaceHolderIDz"HeadContent" runat="server"> 

< asp:Content> 
ElXasp:Content IDz"Content2" ContentPlaceHolderID-z"MainContent" runatz"server"» 
<form> 

<asp:GridView ID-"GridViewl" runat="server"> 

C/asp:GridView^ 

<br /> 

书号 <asp: TextBox ID="TextBoxl” rumat="”server”></asp:TextBox> 

<br /> 

书 名 <asp: TextBox ID="TextBox2” runat="”server”></asp:TextBox> 

<br ”> 

作者 <asp: TextBox ID="TextBox3" runat="”server”>》</asp:TextBox> 

<br /> 

出 版 社 《asp: TextBox ID="TextBox4” rumat="server”》/asp:TextBox> 

<br ”> 

价格 <asp:DropDowmList ID-"DropDownListl" runat="server”) 

</asp:DropDownList> 

<br ”> 

出 版 日 期 <asp:Calendar ID2"Calendarl" runat="server" )</asp:Calendar> 

<asp:Button ID="Buttonl” runat="server” Text-z"1E75" /> 

<br ”> 

C form? 

X/asp:Content? 


图 8-18 insert. aspx iif 
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(3) XX; "insert aspx. cs” 文 件 ， 编 写 Page Load PAZ AH F : 
protected void Page. Load( object sender, EventArgs e) 


| 
if ( ! IsPostBack) 


| 

for(int i=1;i<=150;i ++) 

LA] RE F HIIR F KE 

DropDownListl. Items. Add( i. ToString( ) ) ; 

j 
DataClassesl DataContext da = new DataClasses1 DataContext( ) ; 
var user = from s in da. book 

select s; 


GridViewl. DataSource = user; 


GridViewl. DataBind( ) ; 


| 


(4) 选择 “Button” 控 件 ， 右 击 ， 选 择 “ 属 性 ”， 将 Text 名 称 改 为 “提交 ”。 然 后 双 
ir “Button” 按钮 ， 在 弹出 的 “Button1_ Click” 事件 处 理 文件 中 增加 搬入 图 书信 息 的 代码 


如 下 : 


protected void Buttonl_Click( object sender, EventArgs e) 


| 


DataClassesl DataContext da = new DataClasses1 DataContext( ) ; 
book bookl 2 new book( ) ;// 实例 化 一 个 book 类 对 象 


book1. BookID = TextBoxl. Text;// 从 提交 控件 中 提取 信息 赋值 给 bookl XJ] 2 


book1. BookName = TextBox2. Text; 
bookl. author = TextBox3. Text; 
bookl. press = TextBox4. Text ; 


book 1. unitPrice = Convert. ToInt32 ( DropDownListl. Text) ; //convert. toint32 ( ) 转换 


bookl. pressDate = Calendarl. SelectedDate ; 
da. book. InsertOnSubmit( book1) ;// [n] linq to sql table 中 插入 该 条 数据 
da. SubmitChanges( ) ;// 提 交 更 改 
var user = from s in da. book 
select s; 


GridViewl. DataSource = user; 


GridViewl. DataBind( ) ;/ 绑 定数 据 
| 


(5) 单 击 “ 调 试 ” 一 “局 动 调 试 "”， 新 增 一 本 书目 信息 ， 单 击 “ 提 交 ” 按 钮 ， 结 琳 如 


图 8-19、 图 8-20 所 示 。 
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我 的 ASP.NET 应 用 程序 


» 


我 的 ASP.NET 永川 程序 


XU E 


Pri  prebate | 
2012-10-1 00:00:00 
2010-9-8 00:0000 


BoouDlaookName] author| press Juniprice]  pressDame | 
bu [Emme enemies pe aona 000000 | 
pz peu [Wk Eees la pmza0300099 


i Ro we N 


j 
n 


8-19 i51] insert. - 插入 一 条 书 H o 图 8-20 ”插入 图 书信 息 成 功 


8.4.4 修改 图 书信 息 页 面 实现 


(1) 创建 一 个 使 用 母 版 页 的 Web 窗 体 文件 modify. aspx， 在 随后 弹出 的 对 话 框 中 选择 
site. master 为 母 版 页 ， 单 击 “ 确 定 ” 按 钮 创建 完成 modify. aspx 文件 。 

(2) 双击 “modify. aspx” 文 件 ， 切 换 到 “设计 ”视图 ， 打开“ 工具 箱 ”， 从 中 拖 动 1 
个 GridView 控件 、3 个 Textbox 控件 、2 个 DropDownList 控件 、1 个 Calender 控件 、1 个 
Button 控 件 到 设计 视图 中 MainContent 模块 中 ; 修改 DropDownList 控件 属性 AutopostBack 值 为 
true ， 然 后 切换 到 “ 源 ” 视 图 ， 给 相应 的 控件 增加 描述 文字 。 如 图 8-21 所 示 。 


ome we aO O 700707 — 


insert. aspx Default. aspx. designer. cs Default. aspx Default. aspx. cs 


<WQ@ Page Title-"" Language="C#" MasterPageFile-" /Site.Master" hutoEventWireup="true” CodeBehind] 
€asp:Content IDz2"Contentl" ContentPlaceHolderIDz"HeadContent" runat="server"> 
€/asp:Content? 

日 <asp:Content ID="Content2” ContentPlaceHolderIDz"MainContent" runat=" server”> 

E <form» 


<asp:GridView ID-"GridViewl" runat="server"> 

</asp:GridView> 

选择 要 修改 的 书号 : 4asp:DropDownList ID="DropDowmListl” runat="server”) 
&/asp:DropDownList? 

<br ”> 

更 改 书 名 : <asp:TextBox ID-"TextBoxl" runat-"server"»4/asp:TextBox? 
<br /> 

更 改作 者 : <asp:TextBox ID-"TextBox2" runat-"server"5»4/asp:TextBox? 
<br ”> 

更 改 出 版 社 : <asp:TextBox ID="TextBox3” runat="server”》</asp:TextBox> 
<br /> 

“br /? 

更 改 单价 : “asp:DropDowmList ID-"DropDownList2" runat="server">) 
Cf/asp:DropDownList? 

<br ”> 

更 改 出 版 日 期 : 《asp:Calendar ID-2"Calendarl" runatz"server"»X/asp:Calendar? 
<asp:Button ID="Buttonl” runat="server” Text-"1Raz" /> 

<br ”> 


| K/forn» 
| V/asp:Content? 


图 8-21 modify. aspx 文件 设计 
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(3) 双击 “modify. aspx. cs” XF, Jm Page Load 因数 代码 如 下 : 
protected void Page_Load( object sender, EventArgs e) 


| 
if ( ! IsPostBack) 


| 
for(int i=1;i<=150;i ++) 
LL RE F HIIR F BS B 
DropDownList2. Items. Add( i. ToString( ) ) ; 
j 
DataClassesl DataContext da = new DataClasses1 DataContext( ) ; 
var user = from s in da. book 
select s; 


GridViewl. DataSource = user; 


GridViewl. DataBind( ) ; 


Var userl = from s in da. book 

select s. bookiD ; 
dropdownlistl. DataSource 2userl; // 设置 查询 语句 找 出 所 有 书号 , 放 到 下 拉 列 表 中 
dropdownlistl. DataBind( ) ; 


(4) 选择 “Button” 控 件 ， 右 击 ， 选 择 “ 属 性 ”， 将 Text 名 称 改 为 “提交 ”。 然 后 双 
ib "Button". 按钮 ， 在 弹出 的 “Button1_Click” 事件 处 理 文件 中 增加 搬入 图 书信 息 的 代码 
如 下 : 

protected void Buttonl_Click( object sender, EventArgs e) 

| 

DataClassesl DataContext da = new DataClassesl DataContext( ) ; 
var user = from s in da. book 
where s. BookID = = DropDownLastl. Text 
select s; 
foreach( book bookl in user) 
| 
bookl. BookName = TextBoxl1. Text; 
book1. author = TextBox2. Text; 
bookl. press = TextBox3. Text; 
bookl. unitPrice = Convert. ToInt32(. DropDownList2. Text) ; 
bookl. pressDate = Calendarl. SelectedDate ; 


da. SubmitChanges( ) ; 

var user] = from s in da. book 
select s; 

GridViewl. DataSource = userl ; 


GridViewl. DataBind( ) ; 


(5) 单 击 “调试 ”一 


图 8-22、 图 8-23 所 示 。 


我 的 ASP.NET 应 用 程序 


WIASS EAZA MeRa 
BooriDBskName|author| press nkprce  pressbate — | 
boi MuR [es packs [20107-8 000000 | 
HBRBERHBS: |005 

更 改 书 名 : 
更 改 必 者 : 


Xa 


sno ta 


^v^ 


LE 


“启动 调试 "， 新 增 一 条 书目 信息 ， 
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单 击 «MAT 


我 的 ASP.NET 心 用 程序 


Peg BUAS GUAS MEE LF 
[BeakID|BaokName| author | ^ press — |unitPrice| — pressDate | 
poi | 百年 瑰 独 ”| 马尔 萨 斯 泽 林 出 版 社 ”|29 [2011-1-1 00:00:00 
pos kes BSF “| 作 民 文学 出 版 社 B5 |2010-9-8 00:00:00 | 
pos ta [ext [Ete jo [2013-2-1 00:00:00 | 
XRxtems. |005 w 

xen. MESE 


mes 


HL, 5 
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AR ul 


ERER: | 百花 出 板 社 


LITT 
更改 出 版 日 期 


goi. 


更 改 出 版 日 期 : 


MA 


HH 周一 周二 周三 HR AX A 


Rib eo ls ki l5 Iw N 
O N R [s o m 


图 8-23 ”修改 图 书信 息 成 功 


-条 书目 并 做 修改 


选择 


8.4.5 ”删除 图 书信 息 页 面 实 现 


(1) 创建 一 个 使 用 母 版 页 的 Web 窗 体 文件 delete. aspx， 在 随后 弹出 的 对 话 框 中 选择 
site. master 为 母 版 页 ， 单 击 “ 确 定 ” 按 钮 创建 完成 delete. aspx 文件 。 

(2) 双击 “delete. aspx” 文 件 ， 切 换 到 “设计 ”视图 ,打开 “工具 箱 ”， 从 中 拖 动 1 个 
GridView 控件 、1 个 DropDownList 控件 、1 个 button 控件 到 设计 视图 中 MainContent 模块 中 ， 
修改 DropDownList 控件 属性 AutopostBack 值 为 true， 然 后 切换 到 “ 源 ” 视 图 ， 给 相应 的 控件 
增加 摘 述 文字 。 如 图 8-24 pr. 


mdlf7. aspx. es 


& P SUREBPE ~ 


<W@ Page Title="" Langeuage="C#" MasterPageFilez" /Site.Master" AutoEventWireupz^true" CodeBehind| 
Xasp:Content ID="Contentl” ContentPlaceHolderIDz"HeadContent" runat="server"> 
Casp: Content? 
EJ Xasp:Content IDz"Content2" ContentPlaceHolderIDz2"MainContent" runat="server"> 
form 
Xasp:GridView ID-"GridViewl" runatz"server"? 
C/asp:GridView? 
选择 要 删除 的 图 书 编 号 : 《asp:DropDowmList ID-2"DropDownListi" runat="server">» 
C/asp:DropDownList? 
€asp:Button ID-"Buttonl" runat="server” Text-"MWER" /» 
</form> 
</asp:Content>» 


modi fy. aspx insert. aspx. cs insert. aspx Default. aspx. desi gner. cs 


图 8-24 delete. aspx 文件 设计 
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(3) 双击 “delete. aspx. cs” 文件， 编写 Page Load PRA RI ADF; 
protected void Page. Load( object sender, EventArgs e) 


| 
if ( ! IsPostBack) 


| 
DataClassesl DataContext da = new DataClassesl DataContext( ) ; 
var user = from s in da. book 

select s; 


Grid Viewl. DataSource = user; 


GridViewl. DataBind( ) ; 


Var userl = from s in da. book 
select s. bookiD ; 
dropdownlistl. DataSource = userl ; // 设 置 查 询 语 句 找 出 所 有 书号 , 放 到 下 拉 列 
表 中 


dropdownlistl. DataBind( ) ; 


j 
(4) 选择 “Button” 控 件 ， 右 击 ， 选 择 “ 属 性 ”， 将 Text 名 称 改 为 “提交 ”。 人 然后 双 
击 “Button” 按 钮 ， 在 弹出 的 “Buttonl_Click” 事件 处 理 文件 中 增加 插入 图 书信 息 县 的 代码 
如 下 : 
protected void Buttonl_Click( object sender, EventArgs e) 
| 
DataClassesl DataContext da = new DataClassesl DataContext( ) ; 
var user = from s in da. book 
where s. BookID = = DropDownLastl. Text 
select s; 
da. book. DeleteAllOnSubmit( user) ; 
da. SubmitChanges( ) ; 
var userl = from s in da. book 
select s; 


GridViewl. DataSource = userl ; 
GridViewl. DataBind( ) ; 
| 
(5) 单 击 “ 调 试 ” 一 “启动 调试 ”"”， 删 除 一 条 书 日 信息 ， 单 击 “ 提 交 ” 按 钮 ， 结 末 如 
图 8-25, [E 8-26 所 示 。 


我 的 ASP.NET 应 用 程序 


eh Is B. liz e E -BIS BS. 


; BER |ARISBEde 
sieaa eaa [SEA EB S 


nl Es P335. B. xT 


011-1-1 00:00:00 


2 
2012-10-1 00:00:00 


第 8 章 LINQ to SQL 实现 图 书信 息 管理 ”<157 


我 的 ASP.NET 应 用 程序 


EF. a Ea fzezi) Tis B. MrT B. 


BookID|BookNamelauthor| — press — |unitPrice| — pressDate | 
oos es — [ESTE 尼 民 文学 出 版 社 B6 —— p2010-9-8 00:00:00) 
AREER ER Rr S 


图 8-26 ”删除 图 书信 息 成 功 


49 电子 商务 购物 网 站 系统 


随 着 网 络 的 普及 ， 电 子 商 务 在 人 们 的 生活 中 已 经 扮演 着 越 来 越 重要 的 角色 ， 比 较 流 行 的 
电子 商务 类 型 主要 包括 B2B、B2C、C2C、G2C、G2B 等 ,它们 的 基本 原理 差别 不 大 ， 只 是 
在 具体 的 应 用 中 表现 的 侧重 点 有 所 不 同 。 其 中 应 用 最 为 广泛 、 人 们 最 为 熟悉 就 是 B2C 类 型 
的 电子 商务 。 现 在 在 线 购 物 已 经 成 了 一 种 时 尚 ， 它 为 人 们 提供 了 真正 足 不 出 门 就 可 以 购买 需 
要 的 商品 ， 因 此 越 来 越 多 的 人 应 用 它 。 当 然 ， 成 功 的 电子 商务 并 不 只 是 简单 地 编写 一 套 程 
序 ， 它 不 仅 需要 与 金融 系统 紧密 联系 在 一 起 ， 还 要 有 完善 的 物流 系统 作为 支持 ， 另 外 也 要 有 
恨 好 的 美誉 度 、 强 大 的 前 期 宣传 ， 以 及 完善 售后 服务 。 国 内 就 有 很 多 成 功 的 在 线 购物 网 站 ， 
比如 淘宝 网 、 京 东 商 城 、 当 当 网 。 

本 和 草 主 要 内 容 是 模拟 电子 商务 ， 以 网 上 音乐 商城 作为 实例 ， 演 示 了 电子 了 商城 的 主要 功能 
以 及 这 些 功能 是 如 何 实现 的 。 普 通 的 电子 商城 应 包括 音乐 商品 展示 、 购 物 车 管理 、 订 单 管 
理 、 商 品 管理 等 主要 功能 ， 本 章 案例 围绕 这 些 功 能 展开 叙述 ， 并 按照 管理 信息 系统 的 设计 步 
又 和 方法 逐一 介绍 。 


学 习 目 标 与 任务 


[I] 563) Ein 
1. 掌握 网 上 商城 唱片 管理 模块 的 设计 与 实现 ; 
2. 学 会 网 上 商城 唱片 搜索 模块 的 使 用 ; 
3. 学 会 网 站 购物 车 模块 设计 与 实现 ; 
4. 掌握 网 站 订单 管理 模块 的 设计 与 实现 ， 


工作 任务 


设计 一 个 唱片 销售 网 站 ， 实 现 用 户 管理 、 商 品 管理 、 商 品 搜索 、 购 物 车 、 订 单 管理 等 


9.1 系统 需求 分 析 与 设计 


9.1.1 需求 分 析 


(1) 根据 电子 商务 购物 网 站 的 日 经营 和 管理 ， 本 系统 的 用 户主 要 分 为 两 类 : 网 站 的 
用 户 、 网 站 的 管理 员 。 两 者 的 身份 不 同 ， 权 限 也 不 同 ， 所 以 具体 的 功能 也 不 同 。 

(2) 消费 者 可 以 通过 浏览 产品 目录 或 者 搜索 特定 产品 ， 查 看 和 选择 产品 。 当 用 户 浏 览 
目录 的 时 候 ， 可 以 这 历 产 品类 别 的 层次 ， 并 且 查 看 属于 各 个 类 别 的 产品 列表 。 
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(3) 查看 唱片 ， 当 消费 者 通过 浏览 图 书目 录 或 者 执行 搜索 到 一 本 书 之 后 ， 就 可 以 查看 
所 有 了 唱片 信息 ， 包 括 名 称 、 描 述 、 图 片 及 价格 等 要 素 。 

(4) 选择 产品 ， 当 碍 看 完 产 品 之 后 ， 消 费用 户 就 能 够 将 其 放 到 他 们 的 虚拟 购物 村 中 ， 
并 选择 要 购买 的 产品 。 

(5) 管理 购物 车 ， 消 费 客 户 能 够 查看 虚拟 购物 车 内 的 所 有 产品 ， 并 且 可 以 删除 或 者 更 
新 各 项 的 数量 。 当 客户 删除 产品 项 或 者 改变 了 项 的 数量 之 后 ， 系 统 会 重新 计算 订货 的 售 价 。 
因为 购物 车 没有 与 客户 的 账号 相关 联 ， 所 以 消费 客户 不 必 前 先 登 录 到 系统 就 可 以 管理 购 
物 车 。 

(6) 登录 ， 如 果 消 费 客户 想 要 下 订单 或 者 访问 其 过 去 的 订单 ， 系 统 会 目 动 提示 其 登录 
到 站 点 。 使 用 者 可 以 在 购物 会 话 期 间 的 任何 时 候 进 行 登录 。 登 录 到 站 点 需要 输入 创建 客户 账 
写 的 时 候 规 定 的 电子 邮箱 地 址 和 密码 的 组 合 。 如 果 客 户 输 入 了 不 正确 的 组 合 ， 系 统 就 会 要 求 
他 们 重新 登录 。 如 果 用 户 没 有 客户 账户 ， 就 要 建立 新 账户 。 

(7) 建立 账户 ， 如 果 使 用 者 以 前 没有 建立 客户 账户 ， 则 会 要 求 在 订单 之 前 建立 账户 ， 
当 使 用 者 创建 了 新 账户 的 时 候 ， 必 须 输入 姓名 以 及 联系 信息 及 发 贷 地 址 。 建 立新 的 账号 之 后 
就 可 以 回 到 商务 系统 ， 并 且 使 用 规定 的 电子 邮件 地 址 和 密码 组 合 进 行 登录 。 

(8) 付 称 ， 在 查看 和 管理 了 购物 车 之 后 ， 消 费 客 户 就 可 以 执行 付款 过 程 ， 为 选择 的 产 
品 下 订单 。 如 果 用 户 还 没有 登录 到 站 点 ， 系 统 会 在 继续 处 理 付 区 过 程 之 前 ， 要 求 他 们 进行 登 
录 或 者 建立 新 账号 。 在 登录 或 者 建立 新 账号 之 后 ， 系 统 就 会 要 求 消 费 客户 输入 其 信用 卡 信 
恩 。 接 下 来 ， 客 户 束 能 够 查看 其 订单 细 市 ， 提 交 或 者 取消 付 球 过 程 。 在 查看 订单 的 时 候 ， 客 
户 能 够 浏览 订单 上 的 所 有 图 书 项 。 

(9) 管理 帐号， 用户 登 录 到 商务 系统 ， 该 系统 的 账号 管理 功能 只 限于 查看 过 去 的 订 
抽 历 史 ， 也 可 以 修改 密码 每 用 户 基 本 信息 。 管 理 员 登录 后 ， 可 以 增 、 删 、 改 用 户 的 基本 
Fe 

(10) 专辑 管理 。 管 理 员 登录 到 系统 后 ， 可 以 增 、 删 、 改 专辑 的 基本 信息 。 

(11) 专辑 流泪 管理。 管理 员 登 录 到 系统 后 ， 可 以 增 、 删 、 改 专辑 流派 的 基本 信息 。 


9.1.2 系统 功能 设计 


作为 在 线 购物 商城 ， 其 主要 功能 应 包括 唱片 管理 ， 用 户 管理 ， 专 辑 检 索 、 订 单 管 理 、 购 
物 车 管理 等 。 具 体 描述 如 下 .、 

(1) 专辑 管理 功能 

专辑 分 类 的 管理 ， 包 括 唱 流派 的 添加 、 删 除 、 类 别名 称 更 改 等 功能 。 

专辑 信息 的 管理 ， 包 括 专辑 的 添加 、 删 除 、 专 辑 信息 的 变更 等 功能 。 

(2) 用 户 管理 

用 户 注 册 ， 如 果 用 户 注 册 为 会 员 ， 就 可 以 使 用 在 线 购物 的 功能 。 

用 户 信 息 管 理 ， 用 户 可 以 更 改 目 己 的 私有 信息 ， 如 密码 等 。 

(3) 专辑 检索 

专辑 速 查 ， 根 据 查 询 条 件 ， 速 查 用户 所 需 专辑 。 

专辑 分 类 浏览 ， 按 照 商 品 的 类 别 列 出 专辑 目录 。 
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(4) 订单 管理 

订单 信息 浏览 。 

订单 结算 。 

订单 维护 。 

(5) 购物 车 管理 

购物 车 中 专辑 的 增删 。 

采购 数量 的 改变 。 

生成 采购 订单 。 

根据 上 节 分 析 的 系统 功能 需求 ， 可 以 得 到 系统 的 功能 模块 ， 如 图 9-1 所 示 。 系 统 用 例 图 
如 图 9-2 所 示 。 


网 上 购物 商城 


R 
Ei 

A 
A 
~ 


订 
单 
Zu 
5 


i£ 
《一 一 


x 


E 


图 9-1 系统 功能 模块 图 


浏览 目录 <users>> 
——users--— 


© 搜索 目录 
——users--— 
管理 购物 车 
——users--— 
CU» 创建 账号 


iem, 
«users? C» 
C» 
图 9-2 系统 用 例 图 


根据 上 述 的 系统 需求 分 析 和 功能 描述 ， 把 本 系统 分 成 数据 访问 、 实 体 类 、 用 户 登 录 、 购 
WE, MRES 个 主要 的 模块 。 其 中 ， 数 据 访问 模块 使 用 ASP. NET MVC 中 的 controller 来 
实现 ， 实 体 类 模块 主要 使 用 ASP. NET MVC 中 的 model 来 实现 。 页 面 的 显示 使 用 ASP. NET 
MVC 中 的 view 来 实现 。 各 模块 所 包含 的 文件 及 其 功能 见 表 9-1。 
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表 9-1 网 上 购书 商城 各 模块 一 览 


161 


模 块 名 x 件 名 功能 描述 
Controllers/accountController. cs 用 户 账 户 管理 控制 吉文 件 
Controllers/ checkoutController. cs 用 户 结账 控制 硕 文 件 
Controllers/homeController. cs 首页 控制 硕 文 件 
数据 访问 模块 
Controllers/ shoppingcartController. cs 购物 车 控制 右 文 件 
Controllers/ storeController. cs 商品 浏览 控制 絮 文 件 
Controllers/storeManageController. cs tB IIR OCTE 
Models/accountModels. cs 用 户 账 户 模型 文件 
Models/ order. cs 订单 详情 实体 类 文件 
Models/shoppingcart. cs 购物 车 实体 类 文件 
Models/album. cs 专辑 实体 类 文件 
Models/ Genre. cs 流派 实体 类 文件 
实体 类 模块 一 一 一 
Models/ Artist. cs 艺术 家 实体 类 文件 
Models/ cart. cs 购物 记录 实体 类 文件 
Models/orderDetail. cs 订单 详情 实体 类 文件 
viewModels/shoppingCartRemove View. cs 删除 购物 车 视图 模型 
viewModels/shoppingCartViewModel. cs 购物 车 视图 模型 
Views/ account/ login. aspx 用 户 登 录 视 图 页 面 
用 户 登 录 模 块 Views/account/register. aspx 用 户 注册 视图 页 面 
Views/home/index. aspx 网 站 首页 视图 页 面 
Views/store/ browse. aspx 商品 浏览 视图 页 面 
Views/ store/ details. aspx 商品 详情 浏览 视图 页 面 
Views/ store/ index. aspx 根据 类 别 浏览 商品 视图 页 面 
购物 车 模块 | 
Views/shoppingcart/index. aspx 购物 车 视图 页 面 
Views/checkout/complete. aspx 完成 结账 视图 页 面 
Views/checkout/addresspayment. aspx 填写 订单 视图 页 面 
Views/'storemanage/ create. aspx 新 建 商品 视图 页 面 
Views/ storemanage/ delete. aspx 删除 商品 视图 页 面 
后 台 管 理 模块 


系统 运行 演 


Views/'storemanage/ edit. aspx 


Views/'storemanage/ index. aspx 


bU 9-3 ~ 图 9-10 所 示 。 


编辑 商品 视图 页 面 
管理 商品 视图 页 面 
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I LE napyocnssesolay p - BÓ X | @ ASP.NET MVC Music Store x ug 
d Home : Store : Cart(0) | Admin 
ASP.NET MVC MUSIC STORE l ; 
Classical 
Jazz | 
Rock 
Pop 
Disco 
Latin 
Metal : i 
Alternative | | 
Reggae 
Blues E 
| 
| 
Fresh off the grill i 
Sample Sample Sample Sample Sample 
D Q Q © Q 
Carmina Mozart: Sibelius: The Last Night Górecki: 
Burana Symphonies Finlandia of the Proms Symphony No. 一 
Nos. 40 & 41 3 
— M f 


图 9-3 程序 主 界面 


Home Store 


ASP.NET MVC MUSIC STORE 


Browso Gonros 
Select from 10 genres 


Rock 

Jazz 

Metal 
Alternative 
Disco 

Indie Music 
Latin 
Dance 
Blues 
Classical 


图 9-4 显示 专辑 流派 信息 


€^ ET 


ASP.NET MVC MUSIC STORE 


Browsing Genre: Jazz 


The Best Of Billy Cobham 

Quiet Songs 

Worlds 

Quanta Gente Veio ver-Bónus De Carnaval 
Heart of the Night 

Morning Dance 

Warner 25 Anos 

Miles Ahead 

The Essential Miles Davis [Disc 1] 
The Essential Miles Davis [Disc 2] 
Outbreak 

Blue Moods 


图 9-5 显示 流派 内 专辑 信息 
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Ra ve - EMIT 
@ http//localhost49184/store/Detail P ~ B & X || & Album -A Copland Cele.. x ugs] 3 ves. i9? 


Home Store 


A Copland Celebration, Vol. I 


Sample 


e 


Genre: Classical 
Artist: Aaron Copland & London Symphony Orchestra 
Price: 8.99 


Add to cart 


Review your cart: 


Checkout >> 


A Copland Celebration, Vol. | A 1 Remove from cart 


Total 9.99 


图 9-7 购物 车 


Home Store 


Please enter your user name and password. Register if you don't have an account. 


Account Information 


User name 


Password 


[LL | 


l Remember me? 


图 9-8 用 户 登 录 
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€- j| e http://localhost: 49184/Checkout/A O~- BOX (& Address And Payment x m fox x 


Home / Store 
ASP.NET MVC MUSIC STORE | 


Address And Payment 


Shipping Information 


First Name 
Last Name 


Address 


State 


BESSEREN 


Postal Code 


Country 
Phone 


[a o1DDLD-OLL. D LLL IODLLALI 


Email Address 


Payment 


We're running a promotion: all music is free with the promo code: "FREE" 


Promo Code 


Home | Store 


Checkout Complete 


Thanks for your order! Your order number is: 1 


How about shopping for some more music in our store 


图 9-10 FÉRJ 


9.2 系统 数据 库 设计 实现 


该 系统 采用 SQL Server2005 作为 后 台数 据 库 去 存储 所 有 与 系统 相关 的 数据 。 这 些 数据 包 
括 商 品 信息 、 客 户 账号 、 购 物 车 以 及 各 种 订单 信息 。 数 据 模 型 的 最 终 目 的 就 是 规划 能 够 有 效 
地 处 理事 务 ， 并 且 保 持 应 用 开发 的 简洁 性 的 关系 数据 库 ， 并 在 数据 库 的 规范 话 、 性 能 优化 以 
及 数据 的 人 简洁 性 之 间 达 到 平衡 。 
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数据 库 表 设 计 


根据 系统 分 析 和 功能 的 说 明 ， 可 以 将 该 系统 的 数据 库 划 分 为 4 个 基本 逻辑 块 。 
(1) 产品 目录 模块 。 该 模块 存储 了 有 关 焦 卖 产品 以 及 在 电子 商务 的 目录 中 的 组 织 信息 ， 
由 唱片 信息 表 ， 唱 片 类 型 表 、 艺 术 家 表 组 成 ， 见 表 9-2 ~ 表 9-4。 
表 9-2 专辑 表 album 


* E 中 文 描述 数据 类 型 可 e om E d 
AlbumID 商品 编号 Int 否 主键 
GenreID 商品 类 别 Int f 外 键 
ArtistID 艺术 家 编号 Int ff 外 键 


Title 商品 名 称 Varchar T 
Price 商品 单价 Numeric E 
Mess | r 


X 9-3 Genre X 
字 ë B j Y 数据 类 型 & 注 


GenrelD iu Int 主键 /外 键 
Name ENTE Varchar 
Description > 本 Varchar 


表 9-4 Artist X 


字 B X ji 述 数据 类 型 f d 


ArtistID VQ. Int 主键 /外 键 


Name 


(2) 订单 处 理 用 来 存储 所 有 电子 商务 系统 所 需要 处 理 的 订单 信息 ， 订 单 处 理 模 块 包 括 
订单 信息 表 和 订购 产品 信息 表 ， 见 表 9-5、 表 9-6。 
表 9-5 订单 信息 表 


* (ER 数据 类 型 备 d 
OrderID Varchar 主键 /外 键 
UserName 外 键 
OrderDate 

FirstName 用 户 姓 Nvarchar 

LastName 用 户 名 Nvarchar 

Address 用 户 地 址 Nvarchar 


City 
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(2) 


字 ER 中 文摘 述 数据 类 型 可 e 5m 备 Ë 


o E 
— E 
Phone 用 户 联系 电话 
— E 
O 5 ųä 


zm Pari 
Im inam : 


字 B 中 文 描 述 数据 类 型 备 i 
OrderDetailID 订单 详情 编号 Varchar 主键 、 标 识 
OrderID 订单 ID Varchar 外 键 


AlbumID 商品 编号 Varchar 外 键 


Quantity 购买 数量 int m 


(3) 购物 车 管理 模块 主要 存储 当前 购物 车 的 商品 信息 ， 用 来 存储 临时 或 者 永久 的 顾客 
购物 信息 。 当 用 户 提 交 时 该 记录 存储 到 订单 表 中 。 购 物 车 管理 表 存 储 了 当前 购物 车 的 商品 信 
息 ， 其 详细 参数 见 表 9-7, 


表 9-7 购物 车 信息 表 
* PXSWGE ”| ERR CENE 


DateCreated 创建 日 期 Date n 
Count 购 赁 数量 Int 3 


9.3 系统 实现 


Tl 


m 


o 


Tl 


Tl 


o 


9.3.1 Z% MVC3 


fr VS2010 上 安装 MVC3.0， 首 先 需 要 必 备 的 安装 文件 (MVC3.0 安装 包 和 Vistual Studio 
工具 更 新 包 ) : 

MVC3.0 ZE P REHE: 

http ://www. microsoft. com/downloads/zh-cn/details. aspx? familyid = d2928bc1-f48c- 4e95- 
a064-2a455a22c8f6 &displaylang = zh-cn 

VS 工具 更 新 包 下 载 地 址 : 


http://www. microsoft. com/downloads/zh-cn/details. aspx? familyid = 82cbd599-d29a- 43e3- 
b78b-018634d2281 1 a&displaylang = zh-cn 
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所 需 下 载 文件 如 下 (需要 说 明 的 是 ， 以 CHS 结尾 的 为 语言 包 ， 单 纯 下 载 安装 语言 包 是 
没 用 的 ) : 

按照 图 9-11 安装 包 的 排列 顺序 依次 进行 安装 即 可 。 整 个 过 程 可 能 会 花 
耐心 等 待 。 安 装 成 功 后 如 图 9-12 所 示 。 


费 一 段 时 间 ， 请 


.NET Framework4 ~| .NET Framework4 ~| 4 ”| 排序 依据 : BH 


Windows 窗 体 应 用 程序 Visual CX 


XX. 


M 


WPF 应 用 程序 Visual CX 


控制 台 应 用 程序 Visual C# 


1 
[2] 
* 


west 


&l AspNetMVC3Setup.exe 

Bg AspNetMVC3Setup. CHS.exe | ASP.NET Web 应 用 程序 Visual C# 

&l AspNetMVC3ToolsUpdateSetup.exe 类 库 Visual C# 

l AspNetMVC3ToolsUpdateSetup_CHS.exe p 
E ASP.NET MVC 2 Web 应 用 程序 Visual C# 
D ASP.NET MVC 3 Web 应 用 程序 Visual C# 
=a 

图 9-11 安装 包 图 9-12 安装 MVC3 效果 图 


9.3.2 创建 项 目 


在 Visual Studio 中 的 文件 菜单 中 选择 “新 建 ” 菜 单一 “项 目 ” 开 始 创 建 一 个 新 的 项 目 ， 
如 图 9-13 所 示 。 


Tar MAÐ BEN ED NON REN IAM NES BDU MAN 
新 建 (N) d] ABP)... Ctrl+Shift+N 
打开 (O) ，| B REW.. Shift+Alt+N 
关闭 (O dà HBJRBO.. 

z] ADRASDAN) O RP.. Ctrl+N 

四 保存 选 定 项 (S) Ctrl+S 从 现 有 代码 创建 项 目 (E).. 
将 选 定 项 另存 为 (A).. 


图 9-13 ”选择 创建 项 目 


然 选择 C# 中 的 Web 模板 组 ， 在 右边 的 项 目 模 板 中 选择 ASP. NET MVC3 Web 应 用 
"a = H 的 名 称 输 入 框 中 , 输入 MvceMusicStore , 单 击 确定 ， 如 图 9-14 所 示 。 


NET Framework 4 «AME MU — e) (Hl) ree 


a ASP.NET Web 应 用 但 序 Visuales [3 EUM: Visual C 
dern m. | 用 于 使 用 ASP.NET MVC 3 GE RNUX 
的 项 目 


Windows ASP.NET MVC 2 Web 应 用 程序 Visuales | 
Web | 


Cloud aM) ASP.NET MVC 3 Web 应 用 程序 Visual C? 
SharePoint (2E) ASP.NET Z Web 应 用 程序 Visual C& 
Silverlight 

WCF 司 i ASP.NET MVC 2 空 Web ELFBR/K Visual C# 


ASO NET Damic Nata SX We Visual C 7 


GRO: FALesson Web 
MOGOSESENM): ^ MvcMusinStore 


图 9-14 创建 MVC3 项 目 MveMusicStore 
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这 时 ， 会 看 到 第 二 个 对 话 框 ， 人 允许 设置 这 个 项 目 关 于 MVC 的 一 些 设置 ， 确 认 选 中 了 
“ 空 ” 项 目 模板 ， 视 图 引擎 选中 Razor ， 单 击 确定 ， 如 图 9-15 所 示 。 


新 ASP.NET MVC 3 ME 


说 明 : 
一 个 空 ASP.NET MVC 3 项 目 。 


测试 项 目 和 匀称 (P): 
MvcMusinStore.Tests 
AUESRC): 


Visual Studio Unit Test "| 其 他 信息 (1) 


Cw J| s | 


图 9-15 ”选择 项 目 模板 和 视图 引擎 


这 样 项 目 就 创建 成 功 了 ! 来 看 一 下 在 这 个 项 目 都 创建 了 哪些 内 容 。 从 图 9-16 所 示 的 文 
件 目录 可 以 看 出 项 目 创建 的 文件 夹 和 基本 文件 。 表 9-8 列 出 了 这 些 文件 来 和 文件 命名 约定 。 


解决 方案 资源 管理 融 "lx 
IBI 
[5e RAAZ "MvcMusinStore" (1 个 项 目 ) 
4 ÉA MvcMusinStore | 
P E Properties 
回 引用 
国 Content 
(3 Controllers 
C3 Models 
Ba Scripts 
Lg Views 
&] Global.asax 


i3 Web.config 


图 9-16 解决 方案 文件 日 录 


表 9-8 ASP. NET MVC 中 使 用 了 下 面 的 一 些 基本 的 命名 约定 


x F X 功 能 
/Controllers 控制 器 接收 来 自 浏览 器 的 请 求 ， 进 行 处 理 ， 然 后 向 用 户 返 回回 应 
/Views 视图 文件 夹 保存 用 户 界 面 的 模板 
/Models 这 个 文件 夹 定 义 处 理 的 数据 
/Content 图 片 ，CSS 以 及 其 他 任何 的 静态 内 容 放 在 这 里 
/Scripts 放置 脚本 文件 


/ App | Data 数据 库 文 件 
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这 些 文件 夹 在 一 个 空 的 ASP. NET MVC 应 用 中 也 会 存在 ， 因 为 ASP. NET MVC 的 框架 默 
认 使 用 “约定 胜 于 配置 ”的 原则 ,已 经 假定 这 些 文件 夹 有 着 特定 的 用 途 。 例 如 ， 控 制 右 将 
会 在 Views 文件 夹 中 寻找 相应 的 视图 ， 而 不 需要 在 代码 中 显示 设置 ， 这 样 可 以 节省 大 量 的 编 
程 工作 ， 也 可 以 使 其 他 的 开发 人 员 更 加 容易 理解 程序 。 在 创建 这 个 程序 的 过 程 中 ， 将 会 详细 
地 说 明 这 些 约定 。 


9. 3.3 添加 HomeController 控制 器 


应 用 商店 从 增加 一 个 首页 的 控制 硕 开 始 ， 使 用 默认 的 命名 约定 ， 控 制 锅 的 名 称 应 该 以 
Controller 作为 后 缀 ,将 这 个 控制 硕 命 名 为 HomeController。 
在 Controller 文件 夹 上 右 击 ， 然 后 选择 ”“ 添加 ”一 “控制 硕 〈(T)”， 如 图 9-17 所 示 。 


rmm 


23 RAAR 'MeMusinStore" (1 NAB) 


Ctrl Sh «A 
Shift« Alt« A 


图 9-17 ”添加 一 个 控制 大 


在 弹出 的 对 话 框 中 ， 输 入 控制 右 的 名 字 HomeController， 按 下 “添加 ”按钮 ， 如 图 9-18 
BU 


Te5|ERSETR(N): 


Homelcontroller 


回 为 “创建 ”、 “更 新 ”、“ 删 除 ” 和 “详细 信息 ”方案 添加 操作 方法 (D) 


图 9-18 ”控制 器 命名 


单 击 “ 添 加 ”按钮 后 ， 系 统 将 会 创建 一 个 名 为 HomeController. cs 的 文件 ， 代 码 如 下 : 
using System ; 

using System. Collections. Generic ; 

using System. Linq; 

using System. Web; 
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using System. Web. Mvc; 


namespace MvcMusinStore. Controllers 


| 


public class HomeController : Controller 
| 

2 

// GET. /Home/ 


publie ActionResult Index ( ) 
| 


return View( ) ; 


| 

为 了 尽 可 能 地 简单 ， 让 Index 方法 简单 地 返回 一 个 字符 串 ， 这 个 字符 串 将 作为 回应 内 容 
百 接 返回 浏览 疮 ， 这 里 做 两 个 简单 的 修改 。 

1) 将 方法 的 返回 类 型 修改 为 string; 

2) 将 返回 语句 修改 为 return " Hello form Home" 。 

这 样 ， 方 法 将 会 变 成 如 下 的 内 容 : 

public string Index( ) 


| 


return " Hello form Home" ; 
| 
单 击 工 具 栏 的 “启动 调试 ”按钮 启动 Visual Studio 中 内 建 的 ASP. NET 开发 服务 器 编译 项 
目 ， 如 图 9-19 所 示 。 在 屏 闪 的 右 下 角 会 弹出 一 个 启动 ASP. NET 开发 服务 需 的 提示 ，Visual 
Studio 将 目 动 打开 一 个 浏览 带 窗 口 ， 其 中 的 地 址 指 问 Web RA ir, BI 9-20 便 是 运行 的 效果 图 。 


Studio 


项 目 (P) 生成 (B) “调试 (D)_ 团队 (M) 数据 (A) I] 
|o-e E Pes -ll 


OPG aA A BTE 


图 9-19 ”启动 项 目 调 试 图 9-20 项 目 运行 效果 图 


9.3.4 增加 StoreController 控制 器 


上 节 已 经 为 站 点 增加 一 个 简单 的 HomeController 作为 首页 ， 现 在 ， 增 加 另外 一 个 控制 
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， 可 以 用 来 浏览 首 乐 商 店 ， 商 店 控制 益 将 要 支持 3 个 功能 

1) 列 出 商店 中 唱片 的 分 类 ; 

2) 浏览 商店 中 某 个 分 关中 的 唱 放 列表; 

3) 显示 特定 唱片 的 详细 信息 。 

f$: HomeController 一 样 ， 创 建 StoreController 控制 器 。 使 用 Index () 这 个 方法 来 实现 列 
出 所 有 分 类 的 列表 ， 同 时 ， 增 加 两 个 新 的 方法 来 实现 为 外 两 个 功能 浏览 和 明细 。 这 些 包 含 在 
dui 中 的 方法 ， 被 称 为 控制 带 的 Action, HomeController 中 的 Index 方法 就 是 一 个 Action, 

这 些 Action 的 作用 就 是 处 理 请 求 ， 然 后 返回 对 请 求 的 处 理 结 

对 于 StoreController ， 首 先 让 Index 这 个 Action 返回 一 个 “ Hello" EH. AX. HAA 

Jiik. Browse() 实现 唱片 分 类 浏览 和 Detials( ) 获取 唱片 详细 信息 ， 代 码 如 下 : 


Using System ; 


using System. Collections. Generic ; 
using System. Linq; 

using System. Web; 

using System. Web. Mvc; 


namespace MvcMusinStore. Controllers 


| 


publie class StoreController : Controller 


| 
2 


// GET: /Store/ 


public string Index( ) 


| 


return " Hello from Store. Index( ) " ; 


publie string Browse( ) 


| 


return " Hello from Store. Browse( )" ; 


public string Details( ) 


| 


return " Hello from Store. Details( ) " ; 
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重新 运行 程序 ， 就 可 以 访问 下 面 的 地 址 了 。 

/Store 

/Store/ Browse 

/Store/ Details 

但 是 现在 仪 仪 能 够 返回 一 些 常 量 的 字符 串 ， 应 将 它们 变 成 动态 的 ， 首 和 完 从 URL 中 获取 
一 些 信 息 ， 然 后 把 它们 显示 在 返回 的 页 面 中 。 

首先 ， 修 改 Browse 这 个 Action ， 使 得 它 可 以 从 URL 地 址 中 获取 查询 信息 ， 为 方法 增加 
一 个 名 为 “genre” 的 字符 串 类 型 参数 ， 当 这 样 做 的 时 候 ，ASP. NET MVC 就 会 自动 把 任何 名 
为 genre 的 请 求 参数 的 值 赋予 这 个 参数 ， 代 人 码 如 下 : 


public string Browse( string genre ) 


| 


string message = HttpUtility. HtmlEncode( " Store. Browse, Genre =" + genre) ; 


return message ; 


| 
注意 : 这 里 使 用 了 HttpUtility. HtmlEncode 方法 来 处 理 用 户 的 输入 ， 这样 可 以 防止 用 户 


的 脚本 注入 攻击 。 例如; /Store/Browse? Genre = «script > window. location 2 ' http://hacker- 


site. com' </script > 。 


现在 ， 在 浏览 需 中 访问 一 下 : /Store/Browse? Genre = Disco, TARUB] 9-21 所 示 。 


€ 5 E http://localhoct:26611/Store/Browze?Genres Disco 2 -[e|Xx| B locolhost 


Store.Browse, Genre = Disco 


图 9-21 唱片 分 类 浏览 


下 一 步 ， 处 理 Details 这 个 Action ， 使 它 能 够 处 理 名 为 ID 的 整数 类 型 参数 。 这 次 ， 不 再 
在 请 求 参 数 中 传递 这 个 整数 ， 而 是 般 在 请 求 的 URL 地 址 中 。 例 如 : /Store/Details/5 。 

在 ASP. NET MVC 中 ， 可 以 轻易 地 完成 这 个 任务 而 不 需要 配置 任何 东西 ，ASP. NET 
MVC 默认 的 路 由 约定 会 将 跟 在 Action 方法 之 后 的 部 分 看 作 名 为 ID 的 参数 的 值 ， 如 果 Action 
方法 有 一 个 名 为 ID 的 参数 ,那么 ，ASP. NeT MVC 就 会 自动 将 这 部 分 作为 参数 传送 给 Mx 
方法 ， 需 要 注意 的 是 ，MVC 可 以 帮助 完成 数据 类 型 之 间 的 转换 ， 所 以 ， 地 址 的 第 三 部 分 
定 要 可 以 转换 为 整数 ， 代 人 码 如 下 : 

public string Details( int id) 


| 


string message = "Store. Details, ID =" 4 id; 


return message ; 
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再 次 运行 程序 访问 /Store/ Details/5， 效 果 如 图 9-22 所 示 。 


Store.Details, ID= 5 


图 9-22 唱片 详情 浏览 


9.3.5 增加 HomeController 控制 器 视图 模板 


上 一 市 中 , 已 经 可 以 从 控制 絮 的 Action 中 返回 一 个 字符 串 ， 这 可 以 帮助 大 家 更 好 地 理 
解 Controller 是 如 何 工 作 的 。 但 是 对 于 创建 一 个 Web 程序 来 说 这 是 不 够 的 。 下 面 使 用 更 好 的 
方法 来 生成 HTML， 主 要 是 通过 模板 来 生成 需要 的 HIML， 这 就 是 视图 所 要 做 的 。 

为 了 使 用 视图 和 模板， 需要 将 HomeController 中 的 Index 这 个 Action 的 返回 类 型 修改 为 
ActionResult， 然 后 ， 让 它 像 下 面 一 样 返 回 一 个 视图 。 这 些 修改 表示 使 用 视图 来 蕉 换 反 原来 
的 字符 串 ， 以 便 生 成 返回 的 结果 。 代 码 如 下 : 

public class HomeController . Controller 


| 


publie ActionResult Index( ) 
| 


return View( ) ; 


| 
现在 为 Index( ) 方法 增加 一 个 视图 。 将 光标 移 到 Index 方法 内 ， 然 后 ， 右 击 ， 在 右键 某 


Hp WME (D) …”， 这样 将 会 弹出 添加 视图 
的 对 话 框 ， 如 图 9-23 所 示 。 ERETT 

如 图 9-24 IRESE, WEE AR | Sw , 
速 、 简 单 地 创建 一 个 视图 模板 ， 默 认 情 况 下 ， 视 图 的 名 称 | ou 
使 用 当前 Action 的 名 字 。 因 为 是 在 Index 这 个 Aciton EÙ ”| meeen. Ctrl+K X 


加 模板 ， 所 以 添加 视图 对 话 杠 中， 视图 的 名 字 就 是 Index, 
视图 引擎 为 “Razor”， 不 勾 选 “创建 强 类 型 视图 ”， 义 选 
“使 用 布局 或 母 碑 页”， 单 击 “ 诬 加 ”按钮 。 

在 单 击 添加 之 后 ，Visual Studio 将 会 创建 一 个 名 为 Index. cshtml 的 视图 模板 ， 放 置 
在 \ Views V Home 目录 中 ,如 果 没 有 这 个 目录 ，MVC 将 会 日 动 创建 它 ， 添加 视图 后 的 文件 
结构 如 图 9-25 所 示 。Index. cshtml 所 在 文件 夹 的 名 称 和 位 置 是 很 重要 的 ， 它 是 根据 ASP. NET 
MVC 的 约定 来 指定 的 。 它 所 在 目录 名 称 为 \ Views\ Home, VE Hr HY PE ti zy m- HomeCon- 


图 9-23 ”添加 视图 
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troller ， 而 index. cshtml 文件 匹配 的 方法 就 是 HomeController 控制 部 下 的 Index 方法 。 


MORIENS 
视图 名称 (N): weal 
TI X5 “MvcMusinStore” (1 个 项 目 ) 
杭 图 引擎 (E): 4 (3 MvcMusinstore 


Razor (CSHTML) M > Ea Properties 


b | 
[7] 创 建 滩 兴 型 视图 (S) - pid 
^» O Content 


M): ; 
模型 兴 (M) 区 Controllers 

` £) HomeController.cs 

ZRIMR(F): £) StoreController.cs 


Empty Y SIE C3 Models 
^» [D Scripts 

(gy Views 

4 [zy Home 
加 8 Index.cshtml 
(如 果 在 Razor | viewstart 文件 中 设置 了 此 选项 , URE) > Dg Shared 

二 项 . ViewStart.cshtml 
MainContent 13y Web.config 
> g) Global.asax 


> 的 Web.config 


O 创建 为 分 部 视图 (C) 
[v] 使 用 布局 或 母 版 页 (U); 


图 9-24 添加 视图 对 话 框 图 9-25 ”项目 文件 结构 图 


打开 Index. cshtml 视图 模板 ， 其 中 的 内 容 如 下 : 
9, 

ViewBag. Title = " Index" ; 

Layout =" —«/Views/Shared/ Layout. cshtml" ; 
| 
< h2 > Index </h2 > 
前 3 行使 用 ViewBag. Title 设置 了 页 面 的 标题 ， 在 此 替换 一 下 网 页 的 内 容 , 将 <hl > bh 

记 中 的 内 容 修 改 为 This is the Home Page， 人 代码 如 下 : 

ON 

ViewBag. Title = " Index" ; 

Layout 2" —-/Views/Shared/ Layout. cshtml" ; 
| 
< h2 > This is the Home Page </h2 > 
按 «F5» 键 运行 ， 运 行 结 采 如 图 9-26, 


OJO e P~ ROX || B index 


| This is the Home Page 


图 9-26 ”运行 效果 图 


9.3.6 为 页 面 的 公共 内 容 使 用 布局 


大 多 数 的 网 站 在 页 面 之 间 有 许多 共 侍 的 内 容 : 导航 、 页 首 、 页 脚 、 公 司 的 Logo, PEI 
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表 等 。Razor 引擎 默认 使 用 名 为 _ Layout. cshtml 的 布局 来 自动 化 管理 ， 它 保存 在 / Views/ 
Shared 文件 夹 中 ， 如 图 9-27 所 示 。 


解决 方案 资源 管理 器 vx 
als ald 
[5g RAR "MvcMusinStore" (1 NAB) 
4 É MvcMusinStore 
^» Ba Properties 
> (m 引用 
» Lg Content 
(zy Controllers 
t) HomeController.cs 
A) StoreController.cs 
C3 Models 
^ G Scripts 
y Views 
4 © Home 
H Index.cshtml 
4 [£y Shared 


S 3 -Layout.cshtml 


A . ViewStart.cshtml 
i3 Web.config 

》 g) Global.asax 

» B Web.config 


图 9-27 公共 布局 文件 


打开 之 后 ， 可 以 看 到 下 列 代码 : 
< ! DOCTYPE html > 
< html > 
< head > 
< title > @ ViewBag. Title < /title > 
< link href = " € Url. Content( " — /Content/Site. css" )" rel =" stylesheet" type =" text/ 
ss" /> 
< script src 2 " @ Url. Content(" — /Scripts/jquery-1. 4. 4. min. js" )" type = " text/javas- 


cript" > «script > 
« / head » 


« body » 
@ RenderBody( ) 

« / body » 

« / html > 

来 自 内 容 视 图 中 的 内 容 将 会 通过 @ ne ) 来 显示 ， 任 何 出 现在 网 页 中 的 公共 内 
容 就 加 入 到 _Layout. cshtml rH. 要 在 MVC 音乐 商店 建 一 个 公共 的 首页 其 中 含有 链接 到 首 

页 和 商店 区 域 的 链接 ， 所 以 ， 在 此 将 这 些 内 容 百 接 添 加 到 这 个 布局 中 。 下 面 代 码 中 ，<ul > 

标签 表示 无 编写 列表 ，<1i> <a href ="/" > Home </a> «/li > 表示 添加 一 个 列表 内 容 为 当 
前 文件 上 一 级 目录 的 链接 (也 就 是 home XR), <li> «a href ="/Store/" > Store </a > 
« /li > 表示 添加 一 个 列表 内 容 为 Store 文件 夹 的 链接 。 代 码 如 下 : 
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< ! DOCTYPE html > 
« html » 
« head > 
« title > (9 ViewBag. Title < /title > 
< link href = " @ Url. Content(" —/Content/Site. css" )" rel =" stylesheet" type = " text/ 
css" / > 


< script src =" (9 Url. Content(" ~/Scripts/ jquery-1. 4. 4. min. js" )" type = " text/javas- 
cript" > «script > 
« / head » 
« body » 
< div id = " header" > 
«hl » 
ASP. NET MVC MUSIC STORE «/hl > 
<ul id = " navlist" > 
<li class = "first" > «a href Z"/" id =" current" > Home </a > </li > 
<li > <a href = "/Store/" > Store </a > «/li» 
</ul> 
</div > 
@ RenderBody( ) 
« / body > 
« / html » 


9.3.7 更 新 样式 表 


在 创建 项 目 使 用 的 空 项 目 模板 中 ， 仪 仪 包含 很 简单 的 用 来 显示 验证 信息 的 样式 。 提 供 了 
一 些 额 外 的 CSS 样式 和 图 片 来 改进 网 站 的 观感 ， 现 在 就 使 用 它们 来 更 新 样式 表 。 

B, 到 网 站 mvemusicstore. codeplex. com FÆ MvceMusicStore-v3. 0. Zip, 这 里 面 有 一 个 
文件 夹 MvcMusicStore-Assets, 将 这 个 文件 夹 的 Content. 文件 夹 image 文件 夹 和 site. ess 文件 选 
中 ， 然 后 拖 动 到 content 文件 夹 下 ， 将 上 述 内 容 复 制 到 项 目的 Content 文件 夹 中 ， 方 法 如 网 9- 
28 所 示 。 在 此 过 程 中 , 会 有 文件 已 存在 的 提示 ， 选 择 “ 禾 产 ” 即 可 。 随 后 单 击 “启动 调 
试 "， 可 以 看 到 项 目 运 行 结 来 如 图 9-29 所 示 。 


Solution Explorer vv 时 XX 


| ep eel, 
A MvcMusicSt 
GA MvcMusicStore 
e^ mrcjcucummumnrE be 
: » Rl References 
Organize» >» Ez rn e | © Content 
^ > Lg themes 
Name Type Aj Site css 
| |» Images File folder > L3 Controllers 
| |AjSite.css CSS Document EE Miodek 
— ————— » Cu Scripts 
> Lg Views 
> m Global.asax 
l: packages.config 


» E$ Web.config 


图 9-28 添加 样式 文件 及 图 片 
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Z2 E A http://localhost26641/ 


o9 Home : Store 


ASP.NET MVC MUSIC STORE 


This is the Home Page 


图 9-29 项 目 运行 效果 


9.3.8 使 用 模型 为 视图 传递 信息 


创建 动态 网 站 ， 需 要 从 控制 器 的 Action 传送 信息 给 视图 模板 。 控 制 硕 的 Action 方法 通 
过 返回 的 ActionResult 可 以 传送 模型 对 象 给 视图 。 这 就 允许 控制 希 可 以 将 所 有 生成 回应 需要 
的 数据 打包 ， 然 后 传送 给 视图 模板 ， 以 便 生 成 适当 的 HTML 回应 。 

1) Hc, 创建 一 些 模型 类 来 表示 商店 中 的 唱片 类 型 和 专辑 类 型 ， 从 创建 专辑 类 Genre 
开始 ,在 项 目 中 ， 右 击 模型 Models 文件 来， 然后 选择 增加 类 选项 ， 人 然后 命名 为 Genre. cs, 
如 图 9-30、9-31 所 示 。 


4) StoreController.<s 


图 9-30 ”创建 类 


- - 
RE 已 安装 的 模板 P 


Ch) MVC 3 ER Razor) s | NE Viua ce 
TERT 

ca] MVC 3 9ERIRazon 

de) MVC 3 RESE Razor) 

de MVC 3 WEB Razor) 

O me s smash 


Eg] MVC 3 REBINASPX) 


H MVC3SEUReSSHASPX) 
8: web mene 


d) x 


T7 aum 


图 9-31 创建 唱片 类 Genre 
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在 新 创建 的 专辑 类 Genre 中 增加 3 个 属性 : 专辑 编写、 专辑 名 称 、 专 辑 描 述 ， 代 码 
如 下 : 
public class Genre 
| 
public int Genreld | get; set; | 
public string Name | get; set; | 
public string Description | get; set; | 


| 
用 同样 的 方法 创建 唱片 类 Album， 它 有 两 个 属性 : Title 和 Genre, (RIBUT: 
publie class Album 


publie string Title | get; set; | 
publie Genre Genre | get; set; | 
| 
2) 更 新 StoreController 控制 冀 的 Details 方法 ， 使 得 返回 ActionResult 类 型 的 结果 而 不 是 
字符 串 。 同 时 ， 修 改 方法 的 处 理 逻 辑 ， 返 回 一 个 专辑 对 象 到 视图 中 ， 代 人 码 如 下 : 
publie ActionResult Details( int id ) 


var album = new Album | Title =" Album " «id | ; 


return View( album) ; 


注意 : 对 于 上 述 函 数 体 第 一 如， 表面 上 看 ， 可 能 会 认为 使 用 var ZUR EIA THR 
Zo KRE, CH 编译 器 使 用 赋予 变量 的 值 米 推 定 变量 的 类 型 ， 因 此 album 变量 的 类 型 就 是 
Album 类 型 。 
因为 album 类 是 在 Models 下 定义 的 ， 所 以 系统 会 提示 “未 能 找到 类 型 >”， 这 时 可 以 右 击 
"album", W “FENT”, WHO Models 类 的 引用 ， 如 图 9-32 所 示 。 这 样 ， 系 统 会 添加 一 条 
引用 “using MvcMusicStore. Models;" 在 文件 的 开头 。 
public ActionResult Details (int id) 


var album = new Album | Title = "Album " + id |: 
return View(album)| E] RIRA QD... 


Es] anav 


解析 (S) 9t using llwclhusicStore.Models; 


// GET: /Store/Create EH R) | MycħusicStore. Models. Album 
Æp Œ) 
public ÀctionResult Cr 姐 织 using(0) 


| [gp — SY 
return ViewO: y 创建 单元 测试 CC)... 


} zo MARBRE Q)... Ctrl+K, X 


图 9-32 ”添加 Models 类 的 引用 


下 面 创建 一 个 使 用 专辑 来 生成 HTML 的 模板 ， 在 这 样 做 之 前 ， 需 要 编 详 项目， 可 以 通 
过 沫 单 “ 生 成 ”的 “生成 解决 方案 ”来 完成 。Details 方法 中 右键 选择 “增加 视图 …”， 像 
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以 前 一 样 ， 看 到 创建 视图 的 对 话 框 ， 不 一 样 的 是 ， 要 选中 “创建 强 类 型 视图 ”， 然 后 在 下 面 
的 列表 中 选择 “Album” 类 ， 这 样 视 图 将 会 期 望 得 到 一 个 Album 类 型 的 对 象 ， 如 图 9-33 
所 示 。 


视图 名 称 (N): 
Details 


视图 引擎 (6): 


Razor (CSHTML) Y 


SuESESETERRIER(S) 
模型 类 (M): 
Album (MvcMusicStore.Models) 


E HB 
引用 脚本 库 (R) 
创建 为 分 部 视图 (C) 
使 用 布局 或 母 版 页 (U): 


(如 果 在 Razor _viewstart 文件 中 设置 了 此 选项 ， 则 留 空 ) 


ContentPlaceHolder ID(H): 


| MainContent 


图 9-33 ”创建 强 类 型 视图 


在 单 击 增加 之 后 ， 视 图 模板 \ Views \ Store\ Details. cshtml 被 创建 了 ， 其 中 包含 的 代码 
如 下 : 

@ model MveMusicStore. Models. Album 

Q | 

ViewBag. Title = " Details" ; 

| 

< h2 > Details </h2 > 

注意 : 上 述 代码 第 一 行 ， 表 示 视 图 使 用 强 类 型 的 Album 类 。Rozer 视图 引擎 理解 传送 来 
的 Album 对 象 ， 所 以 可 以 容易 地 访问 模型 的 属性 。 

更 新 <h2 > 标记 ，<h2 > Album: @ Model. Title «/h2 > ， 使 得 可 以 显示 专辑 的 Title JE 
性 。 再 次 运行 并 访问 /Store/ Details/5， 可 以 得 到 图 9-34 所 示 的 结果 。 


"CIO Em Er 
Home Store 
ASP.NET MVC MUSIC STORE 
Album: Album 5 


图 9-34 Details 视图 
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3) 修改 StoreController fias F AJ Browse 方法 ， 更 新 方法 返回 ActionResult 类 型 的 结 
果 ， 修 改 方法 的 处 理 ， 返 回 一 个 Genre 类 型 的 对 象 实例 如 下 : 
public ActionResult Browse( string genre ) 


| 


var genreModel = new Genre | Name = genre ; 


return View( genreModel) ; 


| 
然后 在 方法 上 右 击 ， 增 加 一 个 强 类 型 的 视图 ， 模 型 类 为 Genre。 在 生成 的 browse. cshtml 


文件 中 修改 <h2 > 标记 中 的 Gene 显示 信息 为 <h2 > Browsing Genre; @ Model. Name </ 
h2 > 。 重 新 运行 ， 访 问 /Stere/Browse? Genre = Disco， 可 以 看 到 如 图 9-35 PTAR 的 效果 。 


Home Store 


ASP.NET MVC MUSIC STORE 


Browsing Gonro: Disco 


图 9-35 browse 视图 


4) 修改 storeController fil zi PHY Index 方法 。 本 项 目 使 用 Genre 的 一 个 列表 显示 所 有 
唱片 的 类 别 ， 而 不 是 单个 的 Genre HZ, N index 方法 代码 如 下 、 

publie ActionResult Index( ) 

| 


var genres =new List < Genre > 
| 
new Genre | Name = "Disco" | , 
new Genre | Name =" Jazz" | , 
new Genre | Name =" Rock" | 
ji 


return View( genres ) ; 


| 
然后 对 index 方法 创建 一 个 基于 Genre 类 的 强 类 型 视图 。 打 开 index. cshtml X fF, f£ pk 


代码 如 下 : 
(2 model IEnumerable < MvcMusicStore. Models. Genre > 


e 
ViewBag. Title = " Store" ; 
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< h3 > Browse Genres « /h3 > 
«p» 
Select from @ Model. Count( ) genres; </p> /显示 专辑 类 别 的 数量 


«ul > 
@ foreach (var genre in Model) —// 裔 历 模 型 中 的 每 个 专辑 
| 
< li > @ Html. ActionLink( genre. Name, " Browse" , new | genre = genre. Name |) 
x ll E 
| 

</ul> 

注意 : 

第 147, @ model IEnumerable < MvcMusicStore. Models. Genre > ， 这 告诉 视图 引 学 模式 是 
一 个 包含 多 个 Genre I 2247 集合 ， 使 用 IEnumerable < Genre > 而 不 是 List < Genre» ， 因 为 这 
样 更 通用 ， 可 以 允许 在 以 后 改变 集合 为 任何 实现 IEnumerable 接口 的 集合 。 

第 9 行使 用 @foreach() 函数 遍历 集合 中 的 Genre 对 象 。 

第 11 行 ， 使 用 Html. actionLink() 方法 实现 地 址 链接 。 

ASP. NET MVC 包含 了 一 个 HTML 的 助手 类 ， 其 中 的 方法 专门 用 于 在 视图 模板 中 完成 多 
种 常见 的 任务 ， 其 中 的 Html. ActionLink( ) 助手 方法 就 是 常用 的 一 个 ， 这 使 得 可 以 容 荔 地 创 
建 <a> ， 包 括 关于 链接 的 一 些 细节 处 理 ， 像 地 址 需要 进行 URL 编码 之 类 。 

Html. ActionLink() 有 多 个 重 载 用 于 多 种 情况 ， 在 简单 的 情况 下 ， 只 需要 提供 提示 的 文 
本 ， 以 及 指向 的 Action 方法 即 可 ， 比 如 布 望 链接 到 /Store 的 Index 方法 ， 提 示 文 本 为 Go to 
the Store Index， 那 么 下 面 的 代码 就 可 以 实现 。 

(0 Html. ActionLink( " Go to the Store Index" , " Index" ) 

在 本 例 中 ， 使 用 另外 一 种 重 载 方法 来 传递 3 个 参数 。G 仙 链接 的 提示 文本 ， 这 里 显示 分 类 
的 名 称 。@) 控 制 器 的 名 称 ，Browse。 加 ) 路 由 参数 ，genre。 

再 次 运行 程序 ,访问 /Store 的 时 候 ， 可 以 看 到 如 图 9-36 所 示 的 结果 。 出 现 一 个 唱片 分 
类 的 列表 ， 每 一 个 分 类 都 是 一 个 超级 链接 ， 当 单 击 链 接 的 时 候 ， 将 会 被 导航 到 /Store/ 
Browse? genre = | genre | 的 地 址 。 


| 
1€5 EIWTTTTETEBEDE 


o5 Home ; Store 


ASP.NET MVC MUSIC STORE 


Browse Genres 


Select from 3 genres: 


= DISCO 
m Jazz 


m Rock 


9-36 "HH v mu 
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9.3.9 ”数据 访问 


上 一 站 ， 使 用 了 模拟 的 数据 从 控制 硕 发 送 到 视图 模板 。 现 在 ， 开 始 使 用 真正 的 数据 库 ， 
学 习 如 何 使 用 SQL Server Compact 版 的 数据 库 ， 它 经 党 被 称 为 SQL CE ， 来 作为 数据 库 引 擎 ， 
SQL CE 是 一 个 免费 的 、 般 人 陈 的 、 基 于 文件 的 数据 库 系 统 ， 不 需要 任何 的 安 猴 配置 ， 很 适 
合 本 地 的 开发 使 用 。 

注意 : 可 能 需要 单独 安装 SQL Server Compact 4. 0 数据 库 以 及 Entity Framework。 在 计算 
机 上 ， 这 两 个 软件 都 是 需要 单独 安装 的 。 

1. 修改 模型 类 ， 增 加 艺术 家 类 ， 修 改 album 唱片 类 、 修 改 genre 专辑 类 

代码 如 下 : 

namespace MvcMusicStore. Models 


| 


public class Artist // 亏 术 家 类 

| 
public int Artistld | get; set; | /艺术 家 编号 
public string Name | get; set; | 人/ 艺术 家 姓名 


| 


namespace MvcMusicStore. Models 


| 


publie class Album /唱片 类 

| 
public int AlbumId | get; set; | 人 唱片 编号 
public int Genreld | get; set; | /专辑 编号 
public int Artistld | get; set; | /艺术 家 编号 
public string Title | get; set; |// 唱 厂 名 
public decimal Price | get; set; |// 价 格 
public string AlbumArtUrl | get; set; 1 人 7/ 唱片 链接 
public Genre Genre | get; set; |// RERI Z 
public Artist Artist | get; set; |// ERZAR Z 


| 


namespace MvcMusicStore. Models 


| 


public class Genre// 专 辑 类 


| 


public int Genreld | get; set; | /专辑 编号 
publie string Name | get; set; mA 专辑 名 称 
public string Description | get; set; |// 5E iR 
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public List < Album > Albums | get; set; | /专辑 列表 


| 

2. 增加 App. Data 文件 夹 

在 项 目 中 增加 App_Data 文件 夹 用 来 保存 数据 库 文件 ，App_Data 是 一 个 特殊 的 文件 夹 ， 
已 经 被 网 站 对 其 中 数据 的 访问 进行 了 安全 限制 。 在 解决 方案 资源 省 理 带 中 ， 右 击 项 目 ， 选 择 
“添加 ”一 “添加 ASP. NET 文件 来” 一 “App_Data”， 如 图 9-37 PZR. 


- LUC EE vx 
Jar» 
"3 . 5 »-.cMusicStore 
加 ERU roperties 
重新 生成 (E) | 用 
JENN) ontent 
为 ”生成 部 署 包 (K) ontrollers 
D 发 布 (B)..， en E 
j $ 打 OE) A m.cs 
à L] Artist.cs 
转 搁 为 Web 应 用 程序 Ge 
nre.cs 
Q 检查 辅助 功能 (8) MusicStoreEntities.cs 
ZO) ， |H Ex). 
rahas AOD.. i] 新建 项 W-. Ctrl+Shif+A | - 
ERSS URS... s] AG). Shift«Alt-A v 
添加 可 部 署 约 依 事项 (1).. "ERE 974-0) 
HII App. GlobalResources(R) | 添加 ASP.NET 文件 夹 (9) < 
A TESEV App. LocalResources(C) 地 类 (Q).. Shift«Alt«C 
设 为 启动 项 目 山 App.Data(A) Ll FALessonWebXMvcMusinStoreVM 
调试 (G) App. Browsers(W) 时 启动 True 
& X0 Ctr «X 
PA 5A) Ctrl«V 


图 9-37 添加 App Data 文件 夹 


3. 在 Web. config 中 创建 数据 库 连 接 串 
在 网 站 的 配置 文件 中 增加 一 些 行 ， 以 便 Entity Framework 知道 如 何 连 接 到 数据 库 ， 双 击 
打开 Web. config 文件 。 在 文件 的 最 后 ， 然 后 增加 一 个 < connectionStrings > 的 配置 全， 代码 
如 下 : 
< connectionStrings > 
« add name =" MusicStoreEntities" 
connectionString = " Data Source = | DataDirectory | MvcMusicStore. sdf" 
providerName = " System. Data. SqlServerCe. 4. 0" / > 
< / connectionStrings > 
注意 : 这 里 数据 库 连 接 串 的 名 称 很 重要 ， 以 后 使 用 EF Code-First 的 时 候 ， 通 过 它 来 找 
到 数据 库 ， 这 里 的 链接 串 种 使 用 了 Data Source = | DataDirectory | MveMusicStore. sdf， 这 里 的 
DataDirectory 指 的 就 是 项 目 中 的 App | Data 文件 夹 。 如 果 使 用 SQL Server， 可 以 使 用 如 下 的 
链接 串 。 
注意 providerName 也 要 替换 成 SQLServer 使 用 的 提供 器 。 
<! -=- 数 据 库 连 接 串 的 配置 -- > 


< connectionstrings > 


< add name = " MusicStoreEntities " 
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connectionString = " server =. \sqlexpress ; database = musicstore ; integrated security 
= true;" 
providerName = " System. Data. SqlClient" / > 
< / connectionStrings > 
4. 增加 上 下 文 类 
在 模型 文件 夹 上 右 击 ， 然 后 ， 增 加 一 个 新 的 名 为 MusicStoreEntities. cs 的 文件 。 需 要 注意 
的 是 ， 这 个 类 的 名 称 必须 与 数据 库 连 接 串 的 名 称 一 致 。 这 个 类 将 反映 Entity Framework 数据 
库 的 上 下 文 ， 用 来 处 理 创 建 、 读 取 、 更 新 和 删除 的 操作 ， 代 码 如 下 : 


using System. Data. Entity ; 


namespace MvcMusicStore. Models 
| 
publie class MusicStoreEntities : DbContext 
| /通过 扩展 DbContext 基 类 获得 对 数据 库 操 作 的 能 
public DbSet < Album > Albums | get; set; | 
publie DbSet < Genre > Genres | get; set; | 
publie DbSet < Artist > Artists | get; set; | 


| 
5. 增加 原始 数据 
在 MveMusicStore-Asset. Zip 文件 中 "m 经 包含 了 用 来 简单 地 创建 数据 HJ X fF, TE Code 
文件 夹 的 子 文件 夹 Models 中 找到 SampleData. es 文件 ， 将 它 加 入 到 Models XRF, 
然后 ， 双 击 项 目 根 目录 中 的 Global. asax 文件 ， 在 Application | Start 方法 中 ,使 用 SetIni- 
tializer 设 定 初 始 化 数据 来 源 。 代 码 如 下 : 
// 一 般 用 来 进行 网 站 的 初始 化 
protected void Application, Start( ) 
| 
System. Data. Entity. Database. SetInitializer( new MvcMusicStore. Models. SampleData( ) ) ; 
AreaRegistration. RegisterAllAreas( ) ; 
RegisterGlobalFilters ( GlobalFilters. Filters ) ; 
RegisterRoutes( RouteTable. Routes) ; 


| 
6. 修改 StoreController 控制 器 


打开 StoreController. cs 文件 ， 定 义 一 个 MusicStoreEneities 类 的 对 象 实例 ， 把 它 命 名 为 
storeDB 。 代 码 如 下 : 


using MveMusicStore. Models; 


namespace MvcMusicStore. Controllers 


publie class StoreController : Controller 
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MusicStoreEntities storeDB = new MusicStoreEntities( ) ; 
更 新 一 下 StoreController 的 Index 方法 来 获取 全 部 的 分 类 数据 。 原 来 使 用 便 编码 的 数据 ， 
现在 ， 可 以 使 用 Entity Framework 的 Generes 集合 来 取代 它 。 代 码 如 下 . 

public ActionResult Index( ) 
| 

var genres = storeDB. Genres. ToList( ) ; 

return this. View( genres ) ; 
| 
对 于 视图 模板 不 需要 任何 修改 。 


运行 程序 ， 访 问 /Store 地 址 的 时 候 ， 现 在 可 以 看 到 数据 库 中 分 类 的 列表 ， 如 图 9-38 
HIZR o 


ASP.NET MVC MUSIC STORE 
Browso Gonros 


Select from 10 genres 
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当 在 首页 通过 /Store/Browse? genre = [some-genre] 链接 访问 Browse 这 个 方法 时 ， 需 要 
通过 流派 的 名 称 来 获取 相应 的 专辑 ， 对 于 首 乐 店 来 说 ， 每 个 流派 的 名 称 是 唯一 的 ， 所 以 ， 可 
以 通过 LINQ 中 的 Single 扩展 方法 来 获取 查询 结 来 中 的 唯一 的 流派 对 象 。 

var example = storeDB. Genres. Single(g= > g. Name = = "Disco" ) ; 

Single 方法 使 用 一 个 Lambda Z&3XA3XME2 S, onis BIE O8 x TELE] AT T UOS 
象 ， 在 上 面 的 例子 中 ， 将 会 获得 名 为 Disco 的 流派 对 象 。 

在 获得 流派 对 和 象 的 同时 ， 还 可 以 获取 流派 相关 的 对 象 ， 例 如 属于 这 个 流派 的 专辑 集合 ， 
可 以 提前 获取 相关 的 专辑 信息 ， 这 就 需要 修改 一 下 上 面 的 查询 ， 包含 专 辑 信 息 。 通 过 In- 
clude 方法 可 以 指定 希望 获取 的 相关 信息 ， 这 种 方式 非 党 有效， 这样 ， 束 可 以 在 一 次 数据 访 
问 中 ， 既 可 以 获取 流派 对 象 ， 也 可 以 同时 获取 相关 的 专辑 对 象 。 

更 新 browse 方法 代码 如 下 : 
public ActionResult Browse( string genre ) 


| 


var genreModel = storeDB. Genres. Include ( " Albums" ). Single ( g = > g. Name 


genre ) ; 
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return this. View( genreModel ) ; 
| 
然后 ， 可 以 更 新 一 下 Store 的 Browse 视图 来 显示 相应 的 专辑 ， 打 开 视 图 模板 ， 增 加 一 个 
列表 。 代 码 如 下 : 
@ model MveMusicStore. Models. Genre 
Q | 
ViewBag. Title = " Browse" ; 


| 
<h2 > 


Browsing Genre: @ Model. Name </h2 > 
<ul> 
@ foreach (var album in Model. Albums) 
| 
<li> 
@ album. Title 
</li> 
<li 
运行 程序 ， 浏览 /Store/ Browse? genre = Jazz， 现 在 就 可 以 看 到 保存 在 数据 库 中 的 的 专辑 
数据 了 ， 如 图 9-39 所 示 。 


Lx A 3i http://localhost:26641/Store/Browse?genre=Jazz Y elx] (B Browse 


e€6)5 Home Store 


ASP.NET MVC MUSIC STORE | 


Browsing Genre: Jazz 


wm The Best Of Billy Cobham 

m Quiet Songs 

m Worlds 

m Quanta Gente Veio ver--Bônus De Carnaval 
m Heart of the Night 

m Morning Dance 

m Warner 25 Anos 

m Miles Ahead 

m The Essential Miles Davis [Disc 1] 
m The Essential Miles Davis [Disc 2] 
m Outbreak 

m Blue Moods 


图 9-39 显示 流派 中 的 专辑 


同样 ， 还 可 以 修改 一 下 Details ， 通 过 传递 的 参数 来 获取 专辑 对 象 。 修 改 后 的 方法 代码 如 下 : 
publie ActionResult Details( int id ) 


| 
var album = storeDB. Albums. Find( id) ; 


return View( album) ; 
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运行 程序 ， 访 问 /Store/Details/1， 可 以 看 到 如 图 9-40 所 示 的 内 容 。 


(s > @ http://localhost:49183/store/Details/1 D-ROÓX | (& Details x | | 
EI i a 


Home Store 


ASP.NET MVC MUSIC STORE 
Album: A Copland Celebration, Vol. I 


K 9-40 查看 具体 专辑 信息 


更 新 Browse 视图 ， 提供 链接 到 明细 页 面 的 超级 链接 ， 这 里 ， 使 用 ActionLink 方法 ; 修 
改 后 的 代码 如 下 : 
@ model MveMusicStore. Models. Genre 
Q | 
ViewBag. Title = " Browse" ; 
j 
< h2 > Browse Genre: @ Model. Name «/h2 > 
«ul» 
(2 foreach ( var album in Model. Albums) 
| 
< > 
@ Html. ActionLink (album. Title, " Details" , new | id = album. Albumld| ) ; 
«/h» 
| 
</ul> 
再 次 浏览 Browse 的 时 候 ， 每 个 专辑 应 该 已 经 成 为 了 一 个 链接 ， 如 图 9-41 所 示 。 


(s D € http:;//localhost:49183/store/Browse?genre- JO ~ B OX | (B Browse x | | 
LÀ S * 


S Home | Store 
ASP.NET MVC MUSIC STORE | 


Browsing Genre: Disco 
a Ring My Bell 
a Le Freak 
a MacArthur Park Suite 


图 9-41 browse 视图 
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9.3.10 ”设计 StoreManagerController 控制 器 


1. 添加 StoreManageController 控制 器 

EJN StoreController fimzs— EE, JM StoreManageController ilr TEZSHUSS— [IAE 
义 一 个 MusicStoreEntities 类 的 实例 storeDB ， 人 代码 如 下 

MusicStoreEntities storeDB = new MusicStoreEntities( ) ; 

2. 修改 Index 方法 并 创建 mdex 视图 

Index 视图 获取 专辑 的 列表 ， 包 含 每 一 个 专辑 引用 的 流派 和 艺术 家 信息 ， 回 在 前 面 Store 
控制 各 的 Browse 时 候 看 到 的 ，Index 视图 中 需要 包含 对 于 链接 到 的 流派 和 艺术 家 对 象 来 显示 
相关 的 信息 ， 所 以 ,在 Index 的 Action 方法 中 ， 需 要 包含 这 些 数 据 。 人 然后 单 击 “index” 方 
法 创建 一 个 强 类 型 的 视图 ， 代 码 如 下 . 

public ActionResult Index( ) 


| 


var albums = storeDB. Albums. Include( " Genre" ). Include( " Artist" ) ; 
return View( albums. ToList( ) ) ; 
j 
3. 修改 Details 方法 
在 Details HF, XWF Store ERZA Details 方法 ， 通 过 专辑 的 Id 来 获取 专辑 对 象 , 
这 里 使 用 Find( ) 方法 完成 ， 最 后 ， 把 这 个 对 象 传递 给 视图 ， 代 码 如 下 : 
publie ViewResult Details( int id) 
| 
MveMusicStore. Models. Album album = storeDB. Albums. Find( id) ; 
return View( album) ; 
j 
4. 创建 Create 方法 
与 前 面 看 到 的 不 同 ，Create 方法 需要 处 理 表 单 ， 当 用 户 第 一 次 访问 地 址 /StoereManager/ 
Create 的 时 候 ， 用 户 将 会 看 到 一 个 空 的 表单 ，HTML 页 面 中 包含 一 个 «fom» 元 素 ， 其 中 包 
含 了 下 拉 列 表 和 文本 框 等 输入 元 素 ， 用 户 可 以 傅 助 它们 输入 专辑 的 详细 信息 。 
当 用 户 填 与 了 专辑 的 信息 之 后 ， 可 以 通过 单 击 “保存 ”按钮 来 提交 表单 信息 到 服务 从 ， 
应 用 程序 可 以 获取 这 些 信 息 保 存 到 数据 库 中 。 在 用 户 单 击 “ 你 存 ” 的 时 候 ， 浏 览 锅 发 出 一 
AM Http HJ Post 请 求 ， 到 | /StoreManager/ Create HEHE, 表单 的 内 容 作 为 这 个 Post 请 求 的 一 部 
AT Ax XS HIRI KF o 
ASP. NET MVC 可 以 容易 地 分 割 这 两 种 同样 对 于 Create 方法 的 请 求 处理 ， 通 过 提供 两 个 
同名 的 Create 方法 ， 一 个 用 来 处 理 Http Get 请 求 ， 一 个 用 来 处 理 Http Post 请 求 ， 区 分 的 方 
式 是 在 处 理 Post 请 求 的 方法 前 面 增加 一 个 [HttpPost] 的 标签 。 如 来 增加 [ HttpGet] 标签 ， 
则 表示 这 个 方法 仅仅 处 理 Http Get 请 求 。 通 常 没 有 这 个 标签 ， 则 表示 无 论 是 Get 请 求 还 是 
Post 请 求 都 可 以 由 这 个 Action 方法 人 处理。 修改 Greate 方法 代码 如 下 . 
// GET: /StoreManager/ Create 
publie ActionResult Create( ) 
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ViewBag. Genreld = new SelectList( storeDB. Genres, " Genreld" , " Name" ) ; 
ViewBag. ArtistId = new SelectList( storeDB. Artists, " Artistld" , "Name" ) ; 
return View( ) ; 
| 
注意 : ViewBag 是 信息 传递 的 一 种 方法 。 它 允许 向 视图 传递 信息 而 不 需要 首先 定义 强 类 
型 的 Model， 在 创建 专辑 的 过 程 中 ， 在 表单 中 需要 两 个 列表 框 ， 便 于 选择 专辑 所 属 流派 和 专 
辑 的 艺术 家 ， 使 用 viewbag 来 传递 这 两 个 信息 最 好 不 过 了 。 
ViewBag 是 动态 对 象 ， 这 意味 着 可 以 使 用 ViewBag. Foo 或 者 ViewBag. YourNameHere 形 
式 的 属性 而 不 需要 预先 定义 这 些 必 性， 控制 器 中 的 代码 使 用 ViewBag. Genreld 和 View- 
Bag. Artisid 传递 流派 和 艺术 家 的 信息 以 便 生 成 表单 中 下 拉 列 表 的 值 。 
传递 到 视图 的 下 拉 列 表 的 值 使 用 SelectList 对 象 表示 ， 代 码 如 下 : 
ViewBag. Genreld = new SelectList( db. Genres, " GenreId" , "Name" ) ; 
gioi 的 3 个 参数 被 用 于 创建 这 个 对 象 : 
一 个 参数 用 来 生成 下 拉 列 表 中 信息 的 集合 ， 这 里 是 流派 对 象 的 集合 
第 一 个 参数 提供 下 拉 列 表 中 的 值 ， 这 是 一 个 字符 囊 ， 实 际 上 是 流派 对 象 的 一 个 属性 
Genreld , 
最 后 的 参数 提供 下 拉 列 表 中 显示 出 来 的 但 ， 这 里 使 用 流派 的 Name 属性 。 后 两 个 参数 的 
名 称 必须 包含 在 第 一 个 对 象 的 属性 集合 中 。 
5. 添加 Create 视图 
选择 “create” action， 右 击 选 择 “ 添 加 视图 ”， 在 随后 弹出 的 如 图 9-42 所 示 的 添加 视图 
对 话 杠 中， 选择 视图 3| 敬 为 “Razor”， 勾 选 “ 创 建 强 类 型 视图 ”， 选 择 模型 类 为 album， 选 
择 支 架 模板 为 “create”,， 单 击 “ um 按钮 完成 视图 创建 工作 。 


视图 名 称 QD : 


MESIE Œ): 


创建 理 类 型 视图 E) 
模型 类 QD : 
支架 模板 E): 
v 引用 脚本 库 R) 


O 创建 汶 分 部 视图 已 ) 
使 用 布局 或 母 版 页 U): 


0 Razor viewstart 


ontentPlaceMolder ID (H): 


取消 


图 9-42 添加 Create 强 类 型 视图 


打开 views/ StoreManage/ create. cshtml 文件 ， 找 到 唱片 流派 编辑 框 ， 将 @ Html. EditFor 
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(model = > model. Genreld) 修改 为 @ Html. DropDownList ("Genreld" , String. Empty) 。 将 @ 
Html. EditFor ( model = > model. Artistld ) 修改 为 @ Html. DropDownList ( " Artistid " , 
String. Empty ) 。 

注意 : Html. DropDownList 方法 需要 两 个 参数 ， 从 哪里 获取 显示 用 的 列表 ， 和 哪 一 个 值 
需要 被 预先 选中 ， 方 法 的 第 一 个 参数 ，GenreId， 告 诉 DropDownList 从 模型 对 象 或 者 ViewBag 
对 象 中 寻找 名 为 Genreld 的 属性 值 ， 来 指出 下 拉 列 表 默 认 选 中 的 值 。 这 是 创建 
专辑 的 表单 ， 所 以 ， 没 有 需要 预先 选中 的 值 ， 这 里 传递 了 一 个 Sting. Empty o 

6. 创建 Create 方法 获取 post 表单 值 

前 面 讨 论 过 ， 对 于 一 个 表单 可 以 有 两 个 对 应 的 处 理 方法 ， 一 个 处 理 Http Get 请 求 显示 4 

单 ， 另 外 一 个 用 于 处 理 Http Post 请 求 ， 用 于 处 理 提 交 的 表单 数据 ， 注 意 ， 在 控制 部 中 ， 
FE Http Post 请 求 的 方法 需要 通过 标签 [ HttpPost ] 进行 标注 ， TN 这 个 方法 将 i 
ASP. NET 仅仅 用 来 处 理 Post 请 求 。 代 码 如 下 : 

| HttpPost | 

public ActionResult Create( Album album ) 


| 


if ( ModelState. IsValid)/ 如 采 验 证 为 合法 , 则 添加 到 专辑 中 并 转 到 index 视图 
| 

storeDB. Albums. Add( album) ; 

storeDB. SaveChanges( ) ; 

return RedirectToAction( " Index" ) ; 


1 /A 如 来 非法 ,返回 并 显示 刚才 提交 的 数据 


ViewBag. Genreld = new SelectList ( storeDB. Genres, " Genreld", " Name" 
album. Genreld ) ; 
ViewBag. Artistld = new SelectList ( storeDB. Artists, " Artistld" ， " Name" 


album. ArtistId ) ; 


return View( album) ; 


| 
这 个 Action 方法 完成 4 个 任务 : 则 恋 取 表单 的 数据 。 忆 检查 表单 的 数据 是 否 通 过 了 验证 
规则 。@) 如 末 表 单 通过 了 验证 ， 保 存 数据 ， 然 后 显示 更 新 之 后 的 专辑 列表 。 人 由 如 有 果 表 单 没 有 
通过 验证 ,重新 显示 带 有 验证 提示 信息 的 表单 ,如 图 9-43 所 示 。 
注意 : Create( ) 方法 的 参数 是 Album， 而 不 是 FormCollection 类 型 。 控制 器 处 理 的 表单 
提交 中 包含 了 流派 的 标识 Genreld 和 艺术 家 标识 Artisttd， 这 些 来 自 下 拉 列 表 框 ， 以 及 通过 文 
本 框 输入 的 Tile, Price 等 数据 ， 虽 然 可 以 直接 通过 FormCollection 来 访问 表单 数据 ， 但 是 
更 好 的 做 法 是 使 用 ASP. NET MVC 内 置 提 供 的 模型 绑 定 。 因 为 当 Actin 方法 的 参 类 "PP 
类 型 的 时 候 ，ASP. NET MVC 将 会 试图 使 用 表单 中 的 数据 来 填充 对 象 的 属性 ， 它 通过 检查 表 
单 参 数 的 名 字 是 否 匹 配 模型 对 象 的 属性 来 进行 ， 例 如 ， 对 于 专辑 对 象 的 Genreld 属性 来 说 ， 
后 会 在 表单 数据 中 查找 名 为 Genreld 的 值 赋予 它 。 当 使 用 标准 的 模型 方式 生成 视图 的 时 
候 ， 表 单 会 使 用 模型 对 象 的 属性 名 称 来 生成 表单 输入 项 目的 名 称 ， 这 样 ， 在 发 出 表单 的 时 
候 ， 请 求 参 数 就 会 正好 匹配 模型 的 属性 了 。 
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E IE G http://localhost:49183/storem P ~ 8 È X [i create 


J 


SS Home . Store 
ASP.NET MVC MUSIC STORE | 


Donna Summer 


Title 
on Galloway and Donna Summer sing! 


Price 
0.00 


AlbumArtUri 
Content/Images/placeholder.gif 


Create 


Back to List 


图 9-43 添加 专辑 


7. 修改 Edit 方法 

在 Edit 的 Get 方法 中 ,使 用 唱片 的 Id 来 加 载 原 有 的 唱 厂 ， 这 个 参数 通过 路 由 传递 过 来 ， 
实际 的 代码 类 似 在 Details 中 看 到 的 处 理 。 除 了 专辑 对 象 ， 同 时 还 有 处 理 下 拉 列 表 ， 所 以 ， 
这 里 也 通过 ViewBag 来 处 理 ， 这 样 就 允许 在 传递 一 个 Model 的 同时 还 通过 ViewBag 传递 了 两 
个 额外 的 SelectList。 人 代码 如 下 : 

publie ActionResult Edit( int id ) 

| 


Album album = storeDB. Albums. Find( id) ; 


ViewBag. Genreld = new SelectList ( storeDB. Genres, " Genreld", " Name", 
album. Genreld ) ; 
ViewBag. ArtistId = new  SelectList ( storeDB. Artists, " Artistid", " Name", 


album. ArtistId ) ; 
return this. View( album ) ; 

| 

然后 ， 选 择 Edit 方法 ， 右 击 “ 添 加 视图 ”， 创 建 一 个 强 类 型 的 视图 文件 edit. cshtml。 然 
后 修改 流派 和 艺术 家 两 栏 为 下 拉 选 择 框 类 型 。@ Html DropDownList (" Genreld" , 
String. Empty) , (9 Html. DropDownList ( " Artistld" , String. Empty) 。 运 行 效 果 如 网 9- 44 
DIES 

处 理 Post 请 求 的 Edit 方法 也 非常 类 似 于 Create 的 Post 处 理 方法 : 仅 有 的 不 同 就 是 不 用 
创建 一 个 新 的 专辑 对 象 加 入 到 集合 中 ， 而 是 将 现 有 的 专辑 对 象 ， 注 意 已 经 通过 模型 绑 定 获取 
了 请 求 参 数 ， 将 这 个 对 象 的 状态 属性 State 修改 为 Modified ， 这 就 会 告诉 EF 正在 修改 一 个 
存在 的 专辑 对 象 ， 而 不 是 创建 一 个 新 的 。 代 码 如 下 : 
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| e (9 1ocalhost:175T7/storelManage/Edi t/1 


Artistld 
Àaron Copland & London Symphony Orchesti* 


Title 
Copland Celebration, Vol. I 


图 9-44 ”编辑 专辑 


| HttpPost | 
public ActionResult Edit( Album album ) 
| 
if ( ModelState. IsValid ) 
| 
storeDB. Entry ( album). State = System. Data. EntityState. Modified ; 
storeDB. SaveChanges( ) ; 
return RedirectToAction( " Index" ) ; 
j 
ViewBag. Genreld = new SelectList ( storeDB. Genres, " Genreld" , " Name", 
album. Genreld ) ; 
ViewBag. Artistld = new SelectList ( storeDB. Artists, " Artistid", " Name", 
album. ArtistId ) ; 
return View( album) ; 
| 
下 面 运 行程 序 测 斌 一下， 浏览 /StoreManager， 然 后 单 击 Edit 链接 即 可 以 修改 专辑 的 信 
A, WB 9-45 所 示 。 单 击 Save， 回 到 专辑 列表 ， 可 以 看 到 专辑 信息 已 经 被 更 新 ， 如 图 9-46 
所 未 。 
8. 处 理 删 除 方法 
删除 的 处 理 模式 与 Edit 和 Create 一 样 ， 使 用 控制 硕 的 一 个 删除 action 显示 确认 信息 ， 
使 用 另外 一 个 Action 来 处 理 提 交 。 
删除 的 Get 处 理 非常 类 似 于 前 面 的 Details 处 理 ， 代码 如 下 : 
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@ http:;//localhost:49183/storemanager/Edi O ~ B È X 


Home Store 


Content/Images/placeholder.gif 


Save 


Back to List 


图 9-45 ”修改 专辑 信息 


Edit | Details | Delete Disco 


Aaron Copland & London Symphony Orchestra The Worst Of Men At Wrok 10.99 


Edit| Details | Delete Classical Adrian Leaper & Doreen de Feis 


Eais 1 Masa 


Górecki: Symphony No. 3 8.99 


Tha I act 


图 9-46 更 新 后 的 专辑 信息 


ilea | Malasśsa 人 1 一 一 一 一 ! Darn: WAlardimanrth © ODO Dnannnr NArnhanira 


Alinht af tha Nrame 


Oo nag 


publie ActionResult Delete( int id) 
| 
Album album = storeDB. Albums. Find( id) ; 


return View( album) ; 


| 


右 击 “delete” 方 法 ， 添 加 视图 ， 在 如 图 9-47 所 示 打 开 的 “添加 视图 ”对 话 框 中 ， 视 
图 名 称 不 变 ， 勾 选 “ 构 建 强 类 型 视图 ”， 选 择 “ 文 架 模 板 ” 为 delete， 勾 选 “ 使 用 布局 或 母 
版 页 ”， 单 击 “ 添 加 ”按钮 完成 视图 的 创建 。 

随后 打开 delete. cshtml 文件 ， 默 认 的 Delete 视图 使 用 模型 来 显示 所 有 对 象 信 息 ， 但 是 ， 
这 里 仅仅 需要 简单 地 显示 确认 信息 就 可 以 。 下 列 代 码 即 是 把 这 个 视图 修改 一 下 ， 只 保留 确认 


mE 


Fi /G^ o 
@ model MveMusicStore. Models. Album 
@ | 
ViewBag. Title = " Delete" ; | 
< h2 > Delete Confirmation < /h2 > 
«p» 


Are you sure you want to delete the album titled < strong > (9 Model. Title < /strong > ? 
«/p» 
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视图 名 称 (N): 
Delete 
视图 引擎 (6): 


Razor (CSHTML) Y 


创建 强 类 型 视图 (S$) 
模型 类 (M): 
Album (MvcMusicStore.Models) 


支架 模板 (日 : 


sms 


创建 为 分 部 视图 (C) 
使 用 布局 或 母 版 页 (U): 


{ 如 果 在 Razor _viewstart 文件 中 设置 了 此 选项 ， 则 入 空 ) 


ContentPlaceHolder ID(H): 


|MainContent 


图 9-47 RID ERTLE 


(2 using ( Html. BeginForm( ) ) 
| 


<p> 
< input type = " submit" value =" Delete" / > 
«/p» 
<p> 
@ Html. ActionLink( " Back to List" , " Index" ) 
</p> 


| 
确认 页 面 运行 效果 如 图 9-48 所 示 。 


Home | Store 


Delete Confirmation 
Are you sure you want to delete the album titled The Worst Of Men At Wrok? 


Back to List 


图 9-48 ”确认 删除 专辑 


Hh Delete 按钮 之 后 ， 将 导致 表单 发 送 到 服务 大 ， 在 此 重 定义 了 Delete 方法 ， 方 法 名 为 
DeleteConfirmed ， 之 所 以 修改 方法 名 ， 是 因为 同一 个 方法 名 ， 如 采 参 数 相同 ， 则 不 能 同时 出 
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现 。 而 且 如 果 使 用 别名 ， 则 必须 用 [ HttpPost，ActionName (" Delete") ] 说 明 DeleteCon- 
firmed 方法 是 Delete 的 Action 处 理 方法 。 下 面 代 码 是 确认 删除 的 处 理 代 码 ， 注 意 ， 方 法 的 参 
数 只 有 专辑 id。 代 码 如 下 : 
| HttpPost, ActionName( " Delete" ) | 
publie ActionResult DeleteConfirmed ( int id ) 
| 
Album album = storeDB. Albums. Find(id) ; /通过 专辑 的 Id MERREN A 
storeDB. Albums. Remove( album) ;/ 删 除 特定 专辑 
storeDB. SaveChanges( ) ;// 保 存 更 改 
return RedirectToAction( " Index" ) ;// 重 新 定 问 到 Index, 
j 
运行 程序 ， 选 择 一 个 专辑 ， 人 然后 删除 它 ， 如 图 9-49 ~ 图 9-51 Brzn 


Edit | Details | Delete Disco Aaron Copland & London Symphony Orchestra The Worst Of Men At Wrok 


Edit | Details | Delete Classical Adrian Leaper & Doreen de Feis Górecki: Symphony No. 3 
IND r1 
图 9-48 删除 前 专辑 列表 


Delete Confirmation 
Are you sure you want to delete the album titled The Worst Of Men At Wrok? 


Back to List 


图 9-50 ”删除 确认 


Edit | Details | Delete Classical Adrian Leaper & Doreen de Feis Górecki: Symphony No. 3 


Edit | Details | Delete Classical Barry Wordsworth & BBC Concert Orchestra The Last Night of the Proms 
Edit| Details | Delete Classical Berliner Philharmoniker & Hans Rosbaud Sibelius: Finlandia 


KI 9-51 删除 后 专辑 列表 


9. 3. 11 为 表单 增加 验证 


在 前 面 的 创建 专辑 与 编辑 专辑 的 表单 中 存在 一 个 问题 : 即 没 有 进行 任何 验证 。 字段 的 内 
容 可 以 不 输入 ， 或 者 在 价格 的 字段 中 输入 一 些 字 符 ， 在 执行 程序 的 时 候 ， 这 些 错误 会 导致 数 
据 库 你 存 过 程 中 出 现 错误 ， 显 示 来 目 数 据 库 的 错误 信息 。 
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通过 为 模型 类 增加 数据 描述 的 DataAnnotations， 可 以 容易 地 为 应 用 程序 增加 验证 的 功 
能 。DataAnnotations 人 允许 描述 应 用 在 模型 属性 上 的 验证 规则 ，ASP. NET MVC 将 会 使 用 这 些 
DataAnnotations ， 然 后 将 适当 的 验证 信息 返回 给 用 户 。 
将 会 使 用 下 列 的 DataAnnotations 功能 : 
* Required. (必须 ) 一 一 表示 这 个 属性 是 必须 提供 内 容 的 字段 ; 
* DisplayName (显示 名 ) 一 一 定义 表单 字段 的 提示 名 称 ; 
* SuingLength. (字符 串 长 度 ) 一 一 定义 字符 串 类 型 的 属性 的 最 大 长 度 ; 
* Range (范围 ) 一 一 为 数字 类 型 的 属性 提供 最 大 值 和 最 小 值 ; 
: Bind ( 绑 定 ) 一 一 列 出 在 将 请 求 参 数 绑 定 到 模型 的 时 候 ， 包 含 和 不 包含 的 字段 ; 
* ScaffoldColumn. ( 文 染 列 ) 一 一 在 编辑 表单 的 时 候 ， 逢 要 隐藏 起 来 的 的 字符 。 


M — 
rER: 
LY a; 


更 多 关于 模型 验证 的 信息 ， 请 参考 : http://msdn. microsoft. com/zh-cn/library/ 


ee256141%28VS. 100% 29. aspx 

1. ARS zm DE TUS UE 

打开 Album 类 ， 首 先 增 加 下 面 的 using 语句 ， 这 些 语句 引用 了 DataAnnotations 使 用 的 命 
名 空间 。 代 码 如 下 : 


using System. ComponentModel ; 


using System. ComponentModel. DataAnnotations ; 


using System. Web. Mvc; 
然后 更 新 属性 ， 增 加 显示 和 验证 的 DataAnnotations 


namespace MvcMusicStore. Models 


| 


| Bind( Exclude =" AlbumId" ) ]//albumID 54E 
publie class Album 


| 


| ScaffoldColumn( false) | // iX E albumID 为 不 可 编辑 
public int AlbumId | get; set; | 


| DisplayName( " Genre" ) ]// 只 显示 提示 名 称 ,因为 流派 选择 采用 下 拉 亲 单 
public int Genreld | get; set; | 


| DisplayName( " Artist" ) ]// 只 显示 提示 名 称 ,因为 让 术 家 选择 采用 下 拉 有 来 单 
public int Artistld | get; set; | 


| Required( ErrorMessage =" An Album Title is required" ) | 
| StringLength( 160) | 
public string Title | get; set; |// 此 字段 必须 填写 ,而 且 字 符 长 度 不 超过 160 


| Required( ErrorMessage = " Price is required" ) | 
| Range (0. O1, 100. 00, ErrorMessage = " Price must be between 0. 01 and 100. 00" ) | 
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public decimal Price | get; set; | /7 此 字段 必须 填写 ,而 且 范 围 在 0 ~ 100 之 间 


| DisplayName( " Album Art URL" ) ]//// H td zs Seo A WR, 
| StringLength ( 1024) | 

publie string AlbumArtUrl | get; set; | 

public virtual Genre Genre | get; set; | 


public virtual Artist Artist | get; set; | 


| 
然后 ， 将 专辑 Album 的 属性 Genre 和 Artist 设置 为 虚拟 的 virtual ， 这 将 会 使 EF-Code 
First 使 用 延迟 加 载 。 


public virtual Genre Genre | get; set; | 


public virtual Artist Artist | get; set; | 

注意 : 大 家 可 能 会 想 为 什么 在 album 类 定义 上 方 添 加 [Bind (Exclude =" AlbumId" ) | 
语句 。 回 到 storeManage 控制 器 的 Create 方法 ， 可 以 看 到 传 入 的 参数 只 有 album， 由 于 在 新 增 
album 时 要 验证 每 一 个 字段 ， 当 然 也 包括 albumID (因为 Primary Key 不 能 为 Null ) ， 但 是 数 
据 库 设计 时 ，albumID 又 是 自动 生成 的 ， 并 且 create 表单 中 不 能 编辑 albumID (隐藏 ) 。 所 以 
如 果 不 加 上 [Bind (Exclude ="AlbumID" ) ] 的 话 ， 在 执行 ModelState. IsValid 就 会 永远 都 是 
False 而 导致 无 法 新 增 album 成 功 。 但 是 当 需 要 处 理 的 Acton 一 多 ， 麻 烦 事 也 就 来 了 ， 难 道 
每 个 Action 都 要 加 上 这 个 Attribute 吗 ? 其 实 是 不 用 的 ! 只 要 在 类 的 定义 中 集中 声明 一 次 就 
可 以 了 ， 这 就 是 为 什么 在 类 定义 上 加 绑 定 例外 。 

为 专辑 修改 完成 之 后 ， 创 建 和 编辑 界面 立即 就 会 验证 字段 ， 并 且 使 用 编程 者 提供 的 显示 
名 称 。 运 行程 序 ,. 3X1 V8. / StoreManager/ Create ; 这 里 特意 输入 一 些 破 坏 验 证 规则 的 数据 ， 在 
价格 字段 中 输入 0, 将 标题 字段 的 内 容 保留 为 空白 ， 当 单 击 创建 的 时 候 ， 将 会 看 到 表单 中 不 
符合 验证 规则 的 字段 显示 了 验证 的 错误 提示 信息 ， 如 图 9-52 所 示 。 


Home | Store 


Create 


一 Album 


Genre 


[| ë 
Artist 
回 


Title 


An Album Title is required 


Price 
0 Price must be between 0.01 and 100.00 


Album Art URL 


图 9-52 表单 验证 
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2. 客户 端 验证 

对 于 应 用 程序 来 说 ， 服 务 需 端 验证 非常 重要 ， 因 为 用 户 可 能 绕 过 了 客户 端 验 证 ， 实 际 
E, Web 页 面 仅仅 实现 服务 右 并 验证 存在 3 个 显著 的 问题 : 

B 在 提交 表单 的 时 候 ， 用 户 必 须 等 待 ， 验 证 在 服务 需 端 进行 ， 需 要 将 验证 的 结果 发 送 
回 浏 览 器 。 

B 用 户 不 能 在 输入 错误 的 时 候 立 即 得 到 回应 ， 以 便 通 过 验证 规则 的 检查 。 

B 把 可 以 在 浏览 需 完 成 的 工作 交 给 了 服务 顺 ， 浪 费 了 服务 需 的 资源 。 

SEIZ HJE, ASP. NET MVC3 支架 模板 还 提供 了 内 建 的 客户 端 验 证 ， 不 需要 做 额外 的 工 
作 就 可 以 使 用 。 可 以 采用 下 面 的 两 种 方法 轻易 地 完成 客户 端 验 证 。 

(1) 页 面 中 引用 jQuery 的 脚本 ( 目 动 添加 ， 不 需 用 户 编号 ) 


< script src =" (9 Url. Content(" ~/Scripts/jquery. validate. min. js" )" type = " text/javas- 


cript" > «script > 
< script src =" @ Url. Content(" ~ /Scripts/jquery. validate. unobtrusive. min. js" )" type =" 
text/javascript" > «/script > 

(2) 在 web. config FMLA K F mdr ME o 
< appSettings > 

< add key = " ClientValidationEnabled" value = " true" / > 

< add key = " UnobtrusiveJavaSeriptEnabled" value = " true" / > 

< /appsettings > 


9.3.12 成 员 管 理 和 授权 


1. 增加 AccountController 和 相应 的 视图 

全 功能 的 ASP. NET MVC3 Web 应 用 程序 与 空 的 ASP. NET MVC3 应 用 程序 模板 之 间 的 区 
别 在 于 ， 空 的 应 用 程序 模板 中 没有 包含 账号 控制 锅 ， 可 以 从 新 创建 的 全 功能 的 ASP. NET 
MVC 应 用 程序 中 复制 相应 的 文件 ， 来 增加 账 所 控制 器 。 

39h, Æ FAR MveMusicStore-Assets. zip 文件 中 ， 也 包含 了 账 吕 管理 的 文件 。 复 制 下 面 
的 内 容 到 你 的 网 站 中 。 

B 复制 AccountController cs 到 Controllers 目录 中 ; 

B 复制 AccountModels. cs 到 Models 目录 中 ; 

B 在 Views 目录 中 创建 Account H 孙 ， 然后 复制 相应 的 4 个 视图 。 

注意 修改 控制 项 和 模型 类 、 视 图 类 文件 的 命名 空间 为 MveMusicStore。AccountController 类 
应 该 为 MveMusicStore. Controllers 命名 空间 ，AccountModels 


解决 方案 资源 管理 句 vx 
类 应 用 使 用 MveMusicStore. Models 命名 空间 。 Ex Te EDS @ 
2. 使 用 ASP. NET 站 点 配置 工具 增加 管理 员 账 号 pi 
"n" : -— p T 4 [ER MvcMusicStore 
在 授权 访问 网 站 之 前 ， 需 要 先 创建 一 个 管理 员 账 号 ， | oo a Properes 
E3 AS Ya hap ER y^ b E 引用 
最 简单 的 方式 就 是 使 用 内 建 的 ASP. NET 站 点 管理 工具 创 | . oem 


建 。 在 解决 方案 管理 吕 上 ， 单 击 站 点 配置 工具 ， 如 图 9-53 | < cooles 
DES : | 


(1) 启用 角色 。 在 打开 的 ASP. NET 网 站 管理 工具 浏 图 9-53 ”站 点 配置 
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览 亏 窗口 中 ， 单 击 首页 中 的 安全 选项 卡 ， 然 后 ， 单 击 屏幕 中 间 的 “启用 角色 ”链接 。 如 图 
9-54 所 示 。 


€ ^ [E httpi//localhost:51846/asp.netwebadminfiles/security/: D ~ ROX || Æ ASP.Net Web 应 用 程序 管理 X baaga 


ASP 网 站 管理 工具 


可 以 使 用 网 站 管理 工具 来 管理 应 用 程序 的 所 有 安全 设置 。 可 以 设置 用 户 和 密码 (身份 验证 )， 可 以 创建 角 
色 (用 户 组 )， 还 可 以 创建 权限 (用 于 控制 对 应 用 程序 各 个 部 分 的 访问 的 规则 )。 


默认 情况 下 ， 用 户 信息 存储 Microsoft SQL Server Express 数据 库 中 ， 该 数据 库 在 网 站 的 Data X 
件 夹 中 。 如 果 要 将 用 户 信息 存储 在 其 他 数据 库 中 ， 请 使 用 “提供 程序 ”选项 卡 选 择 其 他 提供 程序 。 


使 用 安全 设置 向 号 按部就班 地 配置 安全 性 。 
单 击 表 中 的 链接 以 管理 应 用 程序 的 设置 。 


现 有 用 户 : 0 未 启用 角色 创建 访问 规则 
创建 用 户 启用 角色 管理 访问 规则 
管理 用 户 创建 或 管理 角色 


选择 身份 验证 类 型 


图 9-54 ASP. NFT 站 点 管理 窗口 


(2) 创建 角色 。 单 击 “ 创 建 或 管理 角色 ”链接 。 在 如 图 9-55 所 示 的 创建 新 角色 对 话 框 
中 ， 在 角色 名 称 的 输入 框 中 输入 “Administrator”， 单 击 增 加 角色 按钮 ， 就 创建 了 一 个 Admin- 


istrator 和 角色。 


1 € iT e Oe host51846/a RETE RT ENTIS 7 D ~ BO X || E ASP.Net Web 应 用 程序 管理 X EL 


您 可 以 选择 添加 角色 或 组 ， 这 让 您 可 以 多 许 或 拒绝 用 户 组 对 网 站 中 特定 文件 来 的 访问 。 例 如 ， 您 可 以 
创建 “经 理 ”、“ 销 售 人 员 ” 或 “成 员 ” 等 角色 ， 每 种 角色 对 特定 文件 来 都 具有 不 同 的 访问 权限 。 


创建 新 角色 
新 角色 名 称 : Administrat | 


图 9-55 创建 新 角色 
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(3) 创建 用 户 。 回 到 “安全 ”选项 卡 ， 单 击 屏幕 左边 “创建 用 户 ” 的 链接 。 输 入 用 户 
的 基本 信息 。 癌 时 选择 该 用 户 属于 Administrator 角色 ， 如 图 9-56 所 示 。 出 现 图 9-57 表示 创 
建 用 户 成 功 。 这 时 可 以 关 掉 站 点 管理 工具 了 。 


|| & ASP.Net Web 应 用 程序 管理 m" 


如何 使 用 此 工 &? © 


通过 在 本 页 上 输入 用 户 的 ID、 密 码 和 电子 邮件 地 址 来 添加 用 户 。 


创建 用 户 


"TT 为 此 用 户 选择 角色 : 
注册 新 帐户 


用 户 名 : Administrator Wl Administrator 
密码 : eeeeeeeeeeee 
确认 窗 码 : eeeeeeeeeeee 
电子 邮件 : Administrator@a.com 
安全 提示 问题 : 
安全 管 案 : 


[V] 活动 用 户 


图 9-56 添加 用 户 


€ ®©; e http;//localhost:51846/asp.netwebadminfiles/security/ P~- REOX | (& ASP.Net Web 应 用 程序 管理 x mm 
ASP 网 站 管理 工具 


创建 有 户 


为 此 用 户 选 择 角色 : 


完成 
已 成 功 创建 您 的 帐户 。 


Administrator 


图 9-57 完成 用 户 创建 窗口 
注意 : 可 以 使 用 任何 口令 ， 但是， 默认 的 密码 规则 要 求 “ 口 令 至 少 为 7 个 字符 ， 其 中 
包含 至 少 一 个 非 字 母 和 数字 的 字符 1”。 这 个 意思 是 说 ， 非 字母 和 数字 的 字符 至 少 必 须 有 一 
个 ， 也 就 是 必须 有 “~ 1 @#$%^“&x*()_+” 中 的 一 个 字符 。 解 决 办 法 如 下 ， 找到 /win- 
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dows/ Microsoft. NET/ Framework [版 本 号 |] /Config 目录 下 的 machine. config 文件 ， 使 用 “ 编 
HU 菜单 一 “查找 ”功能 找到 minRequiredNonalphanumericCharacters =" 1" 一行， 只 要 把 
它 改 成 0 就 可 以 了 。 当 然 也 可 以 只 修改 当前 站 点 的 web. config 文件 ， 方 法 是 将 配置 信息 所 在 
的 < membership >…. «/membership > 条 目 从 machine. cofig 复制 到 web. config 文件 中 < sys- 
tem. web > … </system. web > ， 同 时 在 < providers > …. «/providers > 条 目的 开头 加 上 < re- 
move name = " AspNetSqlMembershipProvider" /> 项 。 

ASP. NET 通过 XML 格式 的 文件 Machine. Config 和 Web. Config 来 完成 对 网 站 和 网 站 目录 
的 配置 。 对 于 一 个 网 站 整体 而 言 ， 整 个 服务 器 的 配置 信息 保存 在 Machine. Config 文件 中 ， 该 
文件 的 具体 位 置 在 /windows/Microsoft. NET/Framework | 版 本 号 ] /Config 目录 ， 它 包含 了 运 
行 一 个 ASP. NET 服务 器 需要 的 所 有 配置 信息 。 当 你 建立 一 个 新 的 Web Project 的 时 候 ， 
VS. NET 会 自动 建立 一 个 Web. Config 文件 ，WEB. Config 包含 了 各 种 专门 针对 一 个 具体 应 用 
的 一 些 特殊 的 配置 ， 比 如 Session 的 管理 、 错 误 捕 扣 等 配置 ,一 个 Web. Config 可 以 从 Ma- 
chine. Config 继承 和 重 写 部 分 备 置 信息 。 因 此 ， 对 于 ASP NET 而 言 ， 针 对 一 个 具体 的 
ASP. NET 应 用 或 者 一 个 具体 的 网 站 目录 ， 是 有 两 部 分 设置 可 以 配置 的 ， 一 是 针对 整个 服务 
器 的 Machine. Config 配置 ， 另 外 一 个 是 针对 该 网 站 或 者 该 目录 的 Web. Config 配置 ， 一 般 的 ， 
Web. Config 存在 于 独立 网 站 的 根 目 录 ， 它 对 该 目录 和 目录 下 的 子 目 录 起 作用 。Web. Config 
只 影响 单个 Web 应 用 。 如 果 要 影响 特定 Web 服务 器 上 的 所 有 Web 应 用 ， 可 以 在 ma- 
chine. config 中 设置 。 

3. 基于 角色 的 授权 

现在 ， 可 以 使 用 [Authorize] 标注 来 限制 对 StoreManage 控制 从 的 访问 了 ， 设 置 访 问 
StoreManage 任何 Action 的 用 户 必 须 拥 有 Administrator 的 角色 。 代 人 码 如 下 . 

| Authorize( Roles =" Administrator" ) | 

publie class StoreManageController : Controller 

| 

// 在 此 增加 控制 代码 

注意 : [Authorize] 也 可 以 用 在 Action 方法 上 。 

现在 浏览 /StoreManage ， 将 会 被 导航 到 登陆 页 面 上 ， 如 图 9-58 所 示 。 使 用 具有 Admin- 
istrator 角色 的 账号 登陆 之 后 ， 束 可 以 进入 StoreManage T 。 


9.3.13 购物 处 理 


在 这 个 项 目 中 ， 将 允许 用 户 在 没有 注册 、 登 录 的 情况 下 将 专辑 加 入 购物 车 ,但 是 ， 在 完 
成 结账 的 时 候 必 须 完 成 注册 工作 。 购 物 和 结账 将 会 被 分 离 到 两 个 控制 带 中 ;一 个 Shopping- 
Car 控制 顶 ， 人 允许 匿名 用 户 使 用 购物 车 ， 另 一 个 Checkout 控制 带 处 理 结账 。 下 面 完 从 购物 
车 的 控制 部 开始 ， 然 后 处 理 结 帐 。 

1. 创建 购物 记录 类 、 订 单 类 和 订单 明细 类 

在 购物 车 和 结账 的 处 理 中 将 会 使 用 到 一 些 新 的 类 ， 在 Models 文件 夹 上 右 击 ， 然 后 使 用 
下 面 的 代码 增加 一 个 新 的 类 Cart， 这 个 类 包括 记录 号 、 购 物 车 号 、 商 品 编写、 商品 数量 、 日 
期 、 商 品 索 引 等 。 
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= mee 


€ (5) (Gi http://localhost:49183/Account/LogO: O ~ RO X (& Log On x A ox xt 


| 
Home . Store 


ASP.NET MVC MUSIC STORE 


Please enter your user name and password. Register if you don't have an account. 


Account Information 


User name 
Password 


l Remember me? 


图 9-58 ”要 求 授权 的 登录 


using System. ComponentModel. DataAnnotations ; 
namespace MvcMusicStore. Models 
| 
public class Cart 
| 
| Key | 
public int Recordld | get; set; | 
publie string Cartld | get; set; | 
public int AlbumlId | get; set; | 
public int Count | get; set; | 
publie System. DateTime DateCreated | get; set; | 
publie virtual Album Album | get; set; | 


j 

这 个 类 非常 类 似 前 面 使 用 的 类 ， 除 了 RecordId 属性 上 的 【Key] 标注 之 外 。 购 物 车 拥有 
一 个 字符 串 类 型 的 名 为 CartId 的 标识 ， 用 来 允许 匿名 用 户 使 用 购物 车 ,但 是 ，Cartld 并 不 是 
表 的 主键 。 因 为 允许 一 个 购物 车 内 容纳 多 个 商品 ， 所 以 购物 车 编号 不 能 作为 主键 ， 所 以 单独 
定义 一 个 recordID 字段 来 作为 记录 的 唯一 标识 。 表 的 主键 是 整数 类 型 的 名 为 RecordId B^ 
段 ， 根 据 约 定 ，EF CodeFirst 将 会 认为 表 的 主键 名 为 Cartld. 或 者 albumid, 不过， 如 果 需 要 
的 话 ， 可 以 很 容易 地 通过 标注 或 者 代码 来 重 写 这 个 规则 。 这 里 例子 演示 了 在 使 用 EF Code- 
First 的 时 候 。 当 表 不 是 约定 的 样子 时 ， 也 不 必 被 约定 所 局 限 。 因 为 用 到 [ key] ， 所 以 要 添 
加 引用 using System. ComponentModel. DataAnnotations 。 
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然后 ， 使 用 下 面 的 代码 增加 订单 Order 类 ， 在 这 个 类 中 有 订单 编号 、 下 单 日 期 、 用 户 相 
天 信息 等 。 


Using System ; 


using System. Collections. Generic ; 

using System. Linq; 

using System. Web; 

using System. ComponentModel. DataAnnotations ; 
using System. Web. Mvc; 


using System. ComponentModel ; 


namespace MvcMusicStore. Models 
| 
| Bind ( Exclude = " Orderld" ) | 
//order 类 
public partial class Order 
| 
//order 编号 
| ScaffoldColumn( false) | 
public int Orderld | get; set; | 
// FÆ H $H 
| ScaffoldColumn( false) | 
publie System. DateTime OrderDate | get; set; | 
// 用 户 名 
| ScaffoldColumn( false) | 


public string Username | get; set; | 


| Required ( ErrorMessage = " First Name is required" ) | 
| DisplayName( " First Name" ) | 

| StringLength ( 160) | 

publie string FirstName | get; set; | 


| Required ( ErrorMessage = " Last Name is required" ) | 
| DisplayName( " Last Name" ) | 

| StringLength ( 160) | 

publie string LastName | get; set; | 

/人 /用户 地 址 

| Required ( ErrorMessage = " Address is required" ) | 

| StringLength (70) | 
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publie string Address | get; set; | 

// WF Bre cv 

| Required ( ErrorMessage = " City is required" ) | 

| StringLength (40) | 

publie string City | get; set; | 

// FH BrtE S £5 

| Required ( ErrorMessage = " State is required" ) | 

| StringLength (40) | 

public string State | get; set; | 

// 用 户 住址 邮编 

| Required ( ErrorMessage = " Postal Code is required" ) | 
| DisplayName( " Postal Code" ) | 

| StringLength ( 10) | 

publie string PostalCode | get; set; | 

/人 /用户 国籍 

| Required ( ErrorMessage = " Country is required" ) | 

| StringLength (40) | 

publie string Country | get; set; | 

// 用 户 电话 

| Required ( ErrorMessage = " Phone is required" ) | 

| StringLength (24) | 

publie string Phone | get; set; | 

//Ħ F E-mail 地 址 

| Required ( ErrorMessage = " Email Address is required" ) | 
| DisplayName( " Email Address" ) | 

| RegularFxpression( €? " | A-Za-z0-9.. 96 +- | +@ | A-Za-20-9. - | - V [ A-Zazz] 244] " , 
ErrorMessage = " Email is is not valid. " ) | 

| DataType( DataType. EmailAddress ) | 

public string Email | get; set; | 


| ScaffoldColumn( false) | 
publie decimal Total | get; set; | 


publie List < OrderDetail > OrderDetails | get; set; 


9 


| 

在 这 个 类 定义 中 使 用 了 验证 功能 ， 所 以 需要 添加 与 验证 相关 的 引用 。 这 个 类 跟踪 订单 的 
汇总 和 发 货 信息 。 在 这 个 类 中 定义 了 一 个 OrderDetails 属性 来 查看 订单 的 明细 。 

Bx, XE X. OrderDetail 类 ， 以 描述 订单 详情 。 因 为 orderDetail 类 的 记录 是 系统 生成 的 ， 
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不 需要 用 户 输入 ， 所 以 不 需要 增加 验证 功能 。 代 码 如 下 : 
namespace MvcMusicStore. Models 


| 


publie class OrderDetail 

| 
public int OrderDetailld | get; set; | 
public int Orderld | get; set; | 
public int AlbumId | get; set; | 
public int Quantity | get; set; | 
publie decimal UnitPrice | get; set; | 
public virtual Album Album | get; set; | 
publie virtual Order Order | get; set; | 


| 
把 MusicStoreEntities 更 新 一 下 ， 以 便 包 含 新 定义 的 模型 类 ， 更 新 之 后 的 MusicStoreEnti- 


ties 代码 如 下 . 


using System. Data. Entity; 


namespace MvcMusicStore. Models 


| 


publie class MusicStoreEntities : DbContext 

| 
publie DbSet < Album > Albums | get; set; | 
publie DbSet < Genre > Genres | get; set; | 


publie DbSet < Artist > Artists | get; set; | 

publie DbSet < Cart > Carts | get; set; | 

publie DbSet « Order » Orders | get; set; | 

publie DbSet < OrderDetail > OrderDetails | get; set; 


| 

2. 创建 购物 车 类 

在 Models 文件 夹 中 创建 ShoppingCart 类 来 处 理 购物 车 对 Cart 购物 记录 类 的 数据 访问 ， 
另外 ， 还 需要 处 理 在 购物 车 中 增加 或 者 删除 项 目的 业务 逻辑 。 

因为 并 不 希望 用 户 必须 登录 系统 才 可 以 使 用 购物 车 ， 对 于 没有 登录 的 用 户 ， 需 要 为 他 们 
创建 一 个 临时 的 唯一 标识 ， 这 里 使 用 GUID ， 或 者 被 称 为 全 局 唯一 标识 符 ， 对 于 已 经 登录 的 
用 户 ， 耻 接 使 用 他 们 的 名 称 ， 这 个 标识 将 保存 在 Session 中 。 

注意 : Session 会 话 可 以 很 方便 地 存储 用 户 的 信息 ， 在 用 户 离开 站 点 之 后 ， 这 些 信息 将 
会 过 期 ， 滥 用 Session 信息 会 对 大 型 站 点 产生 影响 ， 这 里 使 用 Session 达到 演示 目的 。 
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ShoppingCart 类 提供 了 如 下 的 方法 : 

AddToCart, 将 专辑 作为 参数 加 入 到 购物 车 中 ,在 Cart. 表 中 跟踪 每 个 专辑 的 数量 ， 在 这 
个 方法 中 ， 将 会 检查 是 在 表 中 增加 一 个 新 行 ， 还 是 仅仅 在 用 户 已 经 选择 的 专辑 上 增加 数量 。 

RemoveFromCart， 通 过 专辑 的 标识 从 用 户 的 购物 车 中 将 这 个 专辑 的 数量 减少 1， 如 采用 
户 仪 仪 镜 下 一 个 ， 那 么 就 删除 这 一 行 。 

EmptyCart， 删 除 用 户 购 物 车 中 所 有 的 项 目 。 

GetCartltems ， 获 取 购 物 项 目的 列表 用 来 显示 或 者 处 理 。 

GetCount ， 获 取 用 户 购 物 车 中 专辑 的 数量 

GetTotal, ， 获 取 购 物 车 中 商品 的 总 价 

CreateOrder， 将 购物 车 转换 为 结账 处 理 过 程 中 的 订单 。 

GetCart ， 这 是 一 个 静态 方法 ， 用 来 获取 当前 用 户 的 购物 车 对 象 ， 它 使 用 GetCartld 方法 
来 读 取 保存 当前 Session 中 的 购物 车 标识 ，GetCartld 方法 需要 HttpContextBase 以 便 获 取 当 前 
的 Session 。 

实际 的 代码 如 下 : 

namespace MvcMusicStore. Models 


| 


public partial class ShoppingCart 


| 


MusicStoreEntities storeDB = new MusicStoreEntities( ) ; 
// 定 义 两 个 变量 
string ShoppingCartld | get; set; | 


publie const string CartSessionKey = " CartId" ; 
// 获取 购物 车 对 象 ,静态 方法 ,从 请 求 的 上 下 文 的 Cookies 中 你 存 的 购物 车 编号 获 
取 对 应 的 购物 车 信息 
public static ShoppingCart GetCart( HttpContextBase context) 
| 
var cart = new ShoppingCart( ) ; 
cart. ShoppingCartId = cart. GetCartId( context) ; 
return cart ; 
| 
// 获 取 购 物 车 对 象 ,静态 方法 ,从 ASP. NET MVC 的 控制 器 请 求 的 上 下 文 获取 对 应 的 
购物 车 信息 
public static ShoppingCart GetCart( Controller controller) 


| 


return GetCart( controller. HttpContext ) ; 


| 

[添加 购物 车 内 商品 
publie void AddToCart( Album album) 
| 
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// 通过 获取 数据 库 中 Cart 对 象 ,判断 用 户 购 物 千 内 是 否 已 有 该 商品 
var cartltem = storeDB. Carts. SingleOrDefault( 
c= > c. Cartld = = ShoppingCartld 
&& c. Albumid = = album. Albumid) ; 
if ( cartltem = = null) 
1// 如 果 购 物 车 内 没有 该 商品 购物 记录 则 生成 一 个 新 的 
cartltem = new Cart 
| 
Albumld = album. Albumld , 
CartId = ShoppingCartld , 
Count 21, 
DateCreated = DateTime. Now 
x 
storeDB. Carts. Add( cartItem ) ; 
| 
else 
| /表示 购物 车 内 有 该 购物 记录 ,那么 只 需要 增加 数量 就 可 以 
cartltem. Count ++ ; 


| 
storeDB. SaveChanges( ) ; 


|j 
/ / WAR WS] 4 P] WA] SEE R is 

public int RemoveFromCart( int id) 

| 
// 获取 购物 车 的 购物 记录 
var cartltem = storeDB. Carts. Single( 
cart 2 > cart. Cartld = = ShoppingCartld 
&& cart. Recordld = = id) ; 


int itemCount = 0 ; 

if ( cartltem | = null) 

1// 如 采购 物 车 内 该 商品 购买 数量 大 于 1, 则 购物 数量 减 一 操作 
if (cartltem. Count > 1) 


| 


cartltem. Count — - ; 


itemCount = cartltem. Count ; 


| 
else// 如 果 该 丙 品 购买 数量 为 1 , 则 和 直接 删除 该 条 购物 记录 
| 
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storeDB. Carts. Remove( cartltem ) ; 


| 
storeDB. SaveChanges( ) ; 


| 
return itemCount ;// 返回 购物 车 内 当前 商品 数量 
// 清 空 购物 车 的 购物 记录 

public void EmptyCart( ) 

| 
// 获 取 购 物 记录 列表 
var cartItems = storeDB. Carts. Where( cart = > cart. Cartld = = ShoppingCartId ) ; 
// 循 环 删除 这 些 购 物 记录 
foreach (var cartltem in cartItems) 


| 


storeDB. Carts. Remove( cartItem ) ; 


j 
storeDB. SaveChanges( ) ;// 保 存 修改 
| 
// 运 回 当 前 购物 车 中 所 有 购物 记录 列表 
publie List < Cart > GetCartltems( ) 
| 
return storeDB. Carts. Where(cart = > cart. Cartld = = ShoppingCartId ). ToList( ) ; 
| 
// 获 取 购 物 车 内 所 有 商品 数量 (使 用 ling 语法 检索 符合 条 目 并 计算 数量 和 ) 
public int GetCount( ) 
| 
int? count = (from cartltems in storeDB. Carts 
where cartltems. Cartld = = ShoppingCartld 
select (int? ) cartItems. Count). Sum( ) ; 
// 返 回 购物 车 内 商品 总 数 ,如 果 为 空 ,返回 0 
return count ?? 0 ; 
| 
// 获 取 购 物 车 内 所 有 商品 价格 (使 用 ling 语法 检索 符合 条 目 并 计算 乘积 和 ) 
public decimal GetTotal( ) 
| 
decimal? total = ( from cartltems in storeDB. Carts 
where cartItems. Cartld = = ShoppingCartId 


select ( int?) cartItems. Count * cartItems. Album. Price). Sum( ) ; 


// 3 [el ris v s eh 8, URNE iR In] O 
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return total ?? decimal. Zero; 


|j 
// 生 成 订单 详情 并 设置 订单 参数 
public int CreateOrder( Order order) 


| 


decimal orderTotal =0;// 定 义 一 个 局 部 变量 暂 存 订单 总 金领 
var cartltems = GetCartltems( ) ;// 调 用 getCartltems 获取 购物 车 内 购物 记录 
// 遍 历 购物 车 内 所 有 购物 条 目 并 生成 订单 详情 类 对 象 
foreach (var item in cartItems) 
| 
var orderDetail = new OrderDetail // 针 对 每 个 购物 记录 定义 一 个 订单 详 
情 类 对 象 


Albumld = item. Albumld, 
Orderld = order. OrderlId , 
UnitPrice = item. Album. Price, 
Quantity = item. Count 
E 
// BIA E WA] Ris vro E 681 
orderTotal + = (item. Count * item. Album. Price) ; 
storeDB. OrderDetails. Add ( orderDetail ) ;// 问 数据 库 添加 订单 详情 记录 
| 
// 将 购物 车 内 商品 总 额 赋值 给 order. total 
order. Total = orderTotal ; 
storeDB. SaveChanges ( ) ;// 保 存 修改 
EmptyCart( ) ;// 生 成 订单 后 ,清空 购物 车 
return order. Orderld;// 将 订单 号 作为 参数 返回 


// 医 取 购物 车 编号 
public string GetCartId ( HttpContextBase context ) 
| // 请 求 上 下 文 的 当前 会 话 中 没有 购物 车 编号 的 情况 下 
if ( context. Session| CartSessionKey | = = null) 


| 


if (| string. IsNullOrWhiteSpace( context. User. Identity. Name) ) 
| /当前 用 户 登 录 的 情况 下 设置 购物 车 编号 为 当前 用 户 和 名 


context. Session| CartSessionKey | = context. User. Identity. Name ; 


else 
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| /用户 没有 登录 的 情况 下 生成 一 个 全 局 唯一 标识 符 
Guid tempCartld = Guid. NewGuid( ) ; 
/将 该 改 标识 符 作 为 临时 购物 车 编 号 保存 到 当前 会 话 当 中 
/该 会 话 会 将 该 编号 保存 到 客户 端的 Cookie 中 
context. Session| CartSessionKey | = tempCartId. ToString( ) ; 


| 
return context. Session| CartSessionKey |. ToString( ) ; 
| 
// 迁 移 购 物 车 , 当 用 户 登录 时 ,将 用 户 登 录 之 前 的 购物 车 信息 ,迁移 到 登录 后 的 购物 车 中 
public void MigrateCart( string userName ) 
| /7 提取 购物 车 中 的 购买 项 
var shoppingCart = storeDB. Carts. Where(c = > c. Cartld = = ShoppingCartld ) ; 
// 将 所 有 购买 项 的 购物 车 编写 更 换 为 用 户 名 
foreach ( Cart item in shoppingCart) 
| 


item. CartId = userName; 


| 
storeDB. SaveChanges( ) ; 


| 

4] Pr E tf B 2S, pa. PRU: 

其 中 获取 购物 车 方法 GetCart 重 载 了 两 个 ， 一 个 使 用 HttpContextBase 来 获取 购物 车 信息 , 
一 个 使 用 Controller 来 调用 上 面 使 用 HttpContextBase 重 载 方法 来 获取 购物 车 信息 。 这 种 做 法 
可 以 通用 将 来 使 用 HTTPContext 和 使 用 控制 器 的 情况 ， 非 常 方便 。 

AddToCart 方法 用 于 将 来 评 加 新 项 目 到 购物 车 中 。 该 方法 中 做 了 判断 ， 可 以 放 加 重复 项 
目 ， 每 次 可 以 多 加 一 个 。 但 没有 可 以 添加 指定 数量 的 方式 。 如 果 将 来 在 购物 车 中 要 添加 指定 
数量 时 ， 这 里 要 使 用 这 个 类 的 话 ， 就 比较 抹 烦 了 ， 就 需要 重复 调用 AddToCart 方法 ， 这 样 每 
次 都 要 先 查 出 该 购买 项 ， 然 后 判断 ， 有 再 增 1， 再 保存 ， 依 次 循环 。 如 采 出 现 意 外 的 话 ， 那 么 
就 不 好 处 理 了 。 这 里 要 提供 将 来 在 界面 中 可 以 添加 指定 数量 的 功能 的 话 ， 就 应 该 再 重 构 一 下 
区 万 法 < 

RemoveFromCart 方法 用 于 在 购物 车 中 移 除 项 ， 同样 的 每 次 也 只 操作 一 项 。 如 果 要 移 除 这 
个 购物 内 容 话 ， 而 当前 数量 为 10 的 话 ， 电 不 是 要 调用 10 次 这 个 方法 ， 因 此 这 里 可 以 重 构 一 
个 移 除 项 方法 。 

GetCartId 获取 购物 车 编号 ， 这 里 考虑 了 用 户 登 录 与 没有 登录 的 情况 下 处 理 。 登 录 了 就 
使 用 用 户 名 作为 购物 车 的 标识 符 ， 匿 名 用 户 的 话 创 建 了 一 个 临时 的 全 局 唯一 标识 符 来 作为 购 
物 车 标识 符 。 同 时 还 提供 了 MigrateCart 方法 用 来 将 匿名 用 户 的 购物 车 迁移 到 登录 用 户 中 去 
的 方法 。 这 个 方法 非 背 催 单 ， 束 是 将 购物 车 的 标识 符 修 改 为 用 户 名 作为 标识 符 。 
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3. 创建 对 应 shoppingCart 的 视图 模型 
ShoppingCart 控制 硕 需 要 回 视 图 传递 复杂 的 信息 ， 这 些 信息 与 现 有 的 模型 并 不 完全 匹 
配 ， 也 不 硕 望 修改 模型 来 适应 视图 的 需要 ; 模型 类 应 该 表示 领域 信息 ， 而 不 是 用 户 界 面 。 一 
个 解决 方案 是 使 用 ViewBag 来 癌 视 图 传递 信息 ， NL TE Store Manager 中 的 列表 处 理 中 那样 ， 
但 是 如 果 通 过 ViewBag 来 传递 大 量 信息 就 不 好 管理 了 。 


另外 一 个 解决 方案 是 使 用 视图 模型 模式 ， 如 采 使 用 这 个 模式 ， 就 需要 创建 强 类 型 的 用 于 


钢 图 场景 的 类 来 表示 信息 ， 这 个 类 拥有 视图 所 需要 的 值 或 者 内 容 。 控 制 冀 填充 信息 ， 然 后 传 
递 这 种 类 的 对 和 象 供 视 图 使 用 ， 这 样 束 可 以 得 到 强 类 型 的 、 编 译 时 检查 文 持 ， 并 且 在 视图 模板 


Hir A A RERE o 


将 会 创建 两 个 视图 模型 用 于 ShoppingCart Hihi): ShoppingCart ViewMode 将 会 用 于 用 户 
的 购物 车 ， 而 ShoppingCartRemoveViewModel 会 用 于 在 购物 车 中 删除 内 容 时 确认 提示 信息 。 

首先 在 项 目 中 创建 ViewModels 文件 夹 来 组 织 项 目 文件 ， 在 项 目 上 点 击 鼠 标的 右键 ， 然 
后 选择 添加 一 新 文件 夹 ， 添 加 项 目 文 件 夹 viewModels， 如 图 9-59 所 示 。 


;html Index.cshtml 


g UserName) 


Album.cs 


StoreController.cs 


ES $9 MigrateShoppingCart(string UserName) 


Edit.cshtml 


ERD ES OERE 


43 »94!* 


j Eg] 区 域 (A).. 

| rz] EAW)... 

:] WARG)... 

划 。 新 建文 件 夫 (D) 
添加 ASP.NET 文件 夫 (S) 
3&(C)... 


然后 ， 在 ViewModels 文件 夹 中 增加 ShoppingCartViewModel Am 


Ctrl Shift--A 
Shift-- Alt -A 


> 


Shift+Alt+C 


重新 生成 (B) 
清理 (N) 
生成 部 雪 包 (多 
发 布 (B)... 


P$ 打包/ 发布 设置 (H) 


转换 为 Web 应 用 程序 

添 jn(D) 

添 jn 引 用 (日 … 

添加 服务 引用 (S).… 

添加 可 部 雪 的 依 来 项 仙 … 

Add Library Package Reference... 
SERV) 

设 为 启动 项 目 册 ) 

调试 (9) 

将 解决 方案 添加 到 源 代码 管理 (A)..… 


j| 莫 切 中 Ctrl+X 


图 9-59 ”创建 viewModels 文件 夹 


Cartltem 的 列表 ， 为 外 一 个 属性 是 购物 车 中 的 总 价 。 代 码 如 下 . 


using System. Collections. Generic ; 


using MveMusicStore. Models; 


namespace MvcMusicStore. ViewModels 


| 


publie class ShoppingCartViewModel 


| 


publie List < Cart > Cartltems | get; set; | 


它 包 括 两 个 属性 ， 一 个 
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public decimal CartTotal | get; set; | 


| 
然后 ， 增 加 ShoppingCartRemoveViewModel 类 ， 它 包括 5 个 属性 。 


namespace MvcMusicStore. ViewModels 


| 


publie class ShoppingCartRemoveV1ewModel 
| 
publie string Message | get; set; | 
publie decimal CartTotal | get; set; | 
public int CartCount | get; set; | 
public int ItemCount | get; set; | 
public int Deleteld | get; set; | 


j 

4. 创建 ShoppingCart 控制 器 

Shopping Cart 控制 希 有 3 个 主要 的 目的 : 增加 项 目 到 购物 车 ， 从 购物 车 中 删除 项 目 ， 查 
看 购物 车 中 的 项 目 。 控 制 右 使 用 到 刚刚 创建 的 3 个 类 : ShoppingCartViewModel, ShoppingCar- 
tRemoveViewModel 和 ShoppingCart。 在 项 目 中 使 用 空 的 控制 器 模板 创建 Shopping Cart 控制 
Zr, URI 9-60 所 示 。 像 StoreController 和 StoreManagerController 一 样 ， 在 控制 硕 中 增加 一 个 
MusicStoreEntities 字段 来 操作 数据 。 


控制 器 名 称 (N): 


ShoppingCartController 


O 为 “创建 ”、 “更 新 ”、“ 删 除 ” 和 “详细 信息 ”方案 添加 操作 方法 (D) 


图 9-60 ”添加 ShoppingCartController fil 25 


下 面 是 已 经 完成 的 控制 需 代 码 ，Index 和 Add 方法 看 起 来 非常 熟悉 。Remove 和 Cart- 
Summary 这 两 个 Action 方法 处 理 两 种 特定 的 场景 将 在 后 面 讨论 。 

using MveMusicStore. Models; 

using MveMusicStore. ViewModels ; 


namespace MvcMusicStore. Controllers 


| 


publie class ShoppingCartController : Controller 


| 
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MusicStoreEntities storeDB = new MusicStoreEntities( ) ; 
"P 
// /获取 购物 车 
public ActionResult Index( ) 
| 
var cart = ShoppingCart. GetCart( this. HttpContext ) ; 
// V e VAI Ap 80 P 00. HT 28 LU DUNT 
var viewModel = new ShoppingCartViewModel 
| 
CartItems = cart. GetCartltems( ) , 
CartTotal = cart. GetTotal( ) 
a 
// Return the view 
return View ( viewModel) ; 
| 
2 
// /7/ 将 指定 项 洪 加 到 购物 车 
publie ActionResult AddToCart( int id ) 
| 


// 从 数据 库 中 检索 指定 编号 的 首 乐 相册 

var addedAlbum = storeDB. Albums 

. Single( album = > album. Albumld = - id) ; 

// 获取 购物 车 

var cart = ShoppingCart. GetCart( this. HttpContext ) ; 
/ ERES va s I T] MA 2] 4 

cart. AddToCart( addedAlbum ) ; 

// 重 定 问 到 主页 

return RedirectToAction( " Index" ) ; 


| 


m 
/// 从 购物 车 中 移 除 指定 编号 的 音乐 相册 
| HttpPost | 


publie ActionResult RemoveFromCart( int id) 
| 
// 获取 购物 车 
var cart = ShoppingCart. GetCart( this. HttpContext ) ; 
// 获 取 要 删除 的 商品 的 名 称 , 以 便 显 示 确 认 信 息 
string albumName = storeDB. Carts. Single ( item = > item. Recordld = = id) 
. Album. Title ; 
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// 将 指定 商品 从 购物 车 中 删除 
int itemCount = cart. RemoveFromCart( id ) ; 
/// 构建 购物 车 移 除 项 模板 , 286 ROG] EI TES A 
var results = new ShoppingCartRemoveViewModel 
| 
Message = Server. HtmlEncode( albumName) + 
" has been removed from your shopping cart. " , 
CartTotal = cart. GetTotal( ) , 
CartCount = cart. GetCount( ) , 
ItemCount = itemCount, 
DeleteId = id 
js 
// VÀ json 形式 反馈 移 除 项 后 的 信息 。 


return Json( results ) ; 


///// 购物 车 说 明 描 述 
| ChildActionOnly | /// ChildActionOnly 特性 用 于 指示 操作 方法 只 应 作为 子 操作 
进行 调用 。 


public ActionResult CartSummary( ) 

| 
var cart = ShoppingCart. GetCart( this. HttpContext ) ; 
ViewData[| " CartCount" | = cart. GetCount( ) ; 


return PartialView( " CartSummary" ) ; 


| 

CartSummary Action 用 于 呈现 购物 车 的 描述 信息 ， 该 Action 属于 部 分 视图 ，ChildAction- 
Only 特性 标记 用 于 表示 当前 Action 作为 子 操作 进行 调用 ， 呈 现 出 一 个 页 面 的 一 部 分 ， 用 于 
将 来 组 合 一 个 完整 的 视图 。 

5. 使 用 jQuery 进行 Ajax 更 新 

下 面 将 创建 ShoppingCart 的 Index Action. 视图 ， 这 个 视图 使 用 强 类 型 的 ShoppingCart- 
ViewModel， 像 以 前 的 视图 一 样 ， 使 用 List 视图 模板 ， 如 图 9-61 所 示 。 

在 这 里 ， 不 使 用 Html. ActionLink 从 购物 车 中 删除 项 目 ， 将 会 使 用 JQuery RERE I 9m 
使 用 RemoveLink 的 类 所 有 超级 链接 元 素 的 事件 不 是 提交 表单 : Dp BUE EE SE ESSE 
RemoveFromCart Til Z7; 1: 2z E Ajax 请 求 ， 然后 RemoveFromCart 返回 JSON 格式 的 结果 ， 
这 个 结果 被 发 送 到 在 AjaxOptions 的 OnSucess 参数 中 创建 的 JavaScript 图 数 ， 在 这 里 是 
hndleUpdate, handleUpdate 国 数 解析 JSON 格式 的 结果 ， 然 后 通过 jQuery 执行 下 面 的 4 个 
更 新 : 
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视图 名称 (N): 
Index 


视图 引擎 (E): 


Razor (CSHTML) Y 


| BENE (S) 


模型 类 (M): 
ShoppingCartViewModel (MvcMusicStore.ViewModels) 


支架 模板 (B): 
— 


O 创建 为 分 部 视图 (O) 
使 用 布局 或 母 版 页 (U): 


(如 果 在 Razor _viewstart 文件 中 设置 了 此 选项 ， 则 留 空 ) 
ContentPlaceHolder ID(H): 


MainContent 


图 9-61 添加 ShoppingCart 模型 的 index 方法 的 视图 


E 从 列表 中 删除 专辑 ; 

B 更 新 头 部 的 购物 车 中 的 数量 ; 

E 向 用 户 显 示 更 新 信息 

BI 更 新 购物 车 中 的 总 价 。 

为 在 Index 视 网 中 处 理 了 删除 的 场景 ， 束 不 再 需要 为 RemoveFromCart 方法 增加 须 外 
的 和 视图。 下面 是 视图 的 完整 代码 。 

@ model MvcMusicStore. ViewModels. ShoppingCartViewModel 

@ | 


ViewBag. Title = " Shopping Cart" ; 
j 
< script src = " /Scripts/]Jquery-l. 4. 4. min. js" type = " text/javascript" > « /script > 
< script type = " text/javascript" > 
$ (function ( ) | 
// Document. ready - » link up remove event handler 
$ (". RemoveLink" ). click( function ( ) | 
// Get the id from the link 
var recordToDelete =$ ( this). attr( " data-id" ) ; 
if ( recordToDelete ! =") | 
// Perform the ajax post 
$ . post( "/ShoppingCart/RemoveFromCart" , | "id" : recordToDelete | , 


function ( data) | 
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if ( data. ItemCount = =0) | 
$ ('#row-' + data. Deleteld ). fadeOut(' slow ') ; 
| else | 
$ ( &titem-count-' + data. DeleteId ). text( data. ItemCount) ; 
| 
$ ('#cart-total '). text( data. CartTotal) ; 
$ ( stupdate-message '). text( data. Message) ; 
$ ( cart-status '). text(' Cart (' + data. CartCount 4 ')') ; 


|J 
function handleUpdate( ) | 
var json = context. get data( ) : 
var data = Sys. Serialization. JavaScriptSerializer. deserialize( json ) ; 
if (data. ItemCount = 20) | 
$ ('#row-' + data. DeleteId ). fadeOut(' slow ') ; 
| else | 
$ ( &titem-count-' + data. DeleteId ). text( data. ItemCount) ; 
j 
$ ('#cart-total '). text( data. CartTotal) ; 
$ ( stupdate-message '). text( data. Message) ; 
$ ('#cart-status '). text(' Cart (' + data. CartCount +')'); 
| 
< / script > 
«h3 » 
< em > Review «/em > your cart: 
VA» 
< p class = " button" > 
@ Html. ActionLink( " Checkout >>" , "AddressAndPayment" , " Checkout" ) 
</p> 
< div id = " update-message" > 
</div > 
< table > 
«tr» 
«th » 
Album Name 
« /th > 
«th » 
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Price (each ) 
</th > 
<th > 
Quantity 
</th > 
<th > 
</th > 
</tr> 
@ foreach ( var item in Model. CartItems ) 
| «tr id 2" row-Q item. RecordId" > 
«td > 
@ Html. ActionLink ( item. Album. Title, " Details" , " Store", new | id = i- 
tem. Albumld | , null) 
</td> 
<td> 
@ item. Album. Price 
</td> 
<td id = " item-count-(? item. RecordId" > 
@ item. Count 
</td> 
<td> 
<a href =" £" class = " RemoveLink" data-id = " @ item. Recordld" > Remove 
from cart </a > 
</td> 
</tr> 
< i > 
<td> 
Total 
</td> 
<td> 
</td> 
<td> 
</td> 
<td id z " cart-total" > 
@ Model. CartTotal 
</td> 
«/tr» 
« /table > 
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6. 更 新 store 控制 器 下 的 Details 视图 
为 了 测试 一 下 ， 需 要 问 购 物 车 中 增加 一 些 项 目 ， 更 新 Store 的 Details 视图 包含 添加 到 购 
物 车 按钮 ， 在 这 里 ， 还 需要 包含 后 来 增加 的 专辑 的 一 些 额 外 信息 、 流 派 、 艺 术 家 、 价 格 等 
等 。 更 新 后 的 details 视图 如 下 : 
@ model MveMusicStore. Models. Album 
Q | 
ViewBag. Title =" Album - " + Model. Title; 


| 
<h2 > Q Model. Title </h2 > 


«p» 
< img alt = " (9 Model. Title" src ="@ Model. AlbumArtUrl" / > 
</p> 
< div id = " album-details" > 
<p> 
« em > Genre: «/em > @ Model. Genre. Name 
«/p» 
«p» 
< em > Artist: «/em > @ Model. Artist. Name 
</p> 
<p> 


« em > Price; «/em > @ String. Format(" {0;F!" , Model. Price) 
</p> 
< p class = " button" > 
@ Html. ActionLink ( " Add to cart" , " AddToCart" , " ShoppingCart" , new | id = 
Model. Albumld | , "") 
</p> 
</div > 
7. 测试 
现在 ， 可 以 在 商店 中 通过 购物 车 来 购买 和 删除 一 些 项 目 了 了。 运行 程序 ， 浏 览 Store 控制 
1&HJ Index, 然后 单 击 某 个 分 类 来 查看 专辑 的 列表 。 再 单 击 菏 个 专辑 来 显示 专辑 的 详细 内 容 ， 
现在 已 经 有 了 加 入 购物 车 的 按钮 ， 如 图 9-62 所 示 。 单 击 加 入 购物 车 之 后 ， 可 以 在 购物 车 中 
看 到 。 如 图 9-63 所 示 。 在 购物 车 中 ， 可 以 单 击 从 购物 车 中 删除 的 链接 从 而 删除 购物 车 中 的 
商品 。 


9.3.14 注册 和 结账 


在 这 一 节 ， 将 创建 结账 的 控制 硕 CheckoutController 来 收集 用 户 的 地 址 和 付款 信息 ， 需 要 
用 户 在 结账 前 注册 账户 ， 因 为 这 个 控制 硕 需 要 授权 。 如 图 9- 62 所 示 ， 当 用 户 单 击 结账 
Checkout 按钮 的 时 候 ， 用 户 将 会 被 导航 到 结账 的 处 理 流 程 中 。 如 果 用 户 没 有 登录 ， 将 会 被 提 
示 需 要 登录 ， 如 图 9-64 Pr. 
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Home Store 


A Copland Celebration, Vol. I 


Sample 
Q 


Genre: Classical 
Artist: Aaron Copland & London Symphony Orchestra 
Price: 8.99 


Add to cart 


图 9-62 Details 视图 中 添加 某 商品 到 购物 车 


Ta O 2e en iiic. 
€ e e http: /flocalhost49184/ShoppingCart — ROX e Shopping Cart x mm na Ki S 


Home Store 


Review your cart: 


Checkout »» 


A Copland Celebration, Vol. | f 1 Remove from cart 


Total 8.99 


图 9-63 ”购物 车 


Please enter your user name and password. Register if you don't have an account. 


Account Information 


User name 


Password 


I Remember me? 


图 9-64 用 户 登 录 界 面 
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一 且 用 户 成 功 登 录 ， 用 户 就 可 以 看 到 地 址 和 付款 的 视图 ， 如 图 9-65 Brzn 


Home Store 


Address And Payment 


— Shipping Information 
First Name 


Last Name 


Address 


City 


State 


Postal Code 


Country 


Phone 


Email Address 


一 Payment 


We're running a promotion: all music is free with the promo code: "FREE" 


Promo Code 


Submit Order 


图 9-65 用户 地 址 和 付款 
一 旦 用 户 填 写 了 这 个 表单 并 提交 ， 他 们 将 会 看 到 订单 的 确认 页 面 ， 如 图 9-66 所 示 。 


Qo eee Ro @ http://localhost:49184/Checkout/Complete/1 O~ ROX [B htp/localhost49184/Checkout/Complete OQ ~ B © X || @ Checkout Complete x | | 


Home / Store 
ASP.NET MVC MUSIC STORE | 


Checkout Complete 


Thanks for your order! Your order number is: 1 


How about shopping for some more music in our store 


图 9-66 FÉR 


1. 合并 购物 车 

在 匿名 购物 的 时 候 ， 当 用 户 单 击 结账 Checkout 按钮 ， 用 户 会 被 要 求 注 册 和 登录 ， 用 户 
会 布 望 继续 使 用 原来 的 购物 车 ， 所 以 ,在 匿名 用 户 登 录 之 后 ， 需 要 维护 购物 车 。 实 际 上 非常 
简单 ， 因 为 ShoppingCart 类 已 经 提供 了 一 个 方法 ， 通 过 当前 的 用 户 名 来 获取 购物 车 中 所 有 的 
项 目 ， 在 用 户 注 册 登 录 以 后 ， 只 需要 调用 这 个 方法 。 

打开 在 成 员 管理 和 授权 中 添加 的 AccountController 类 ， 增 加 一 个 using 来 引用 MvcMusic- 
Store. Modelg ， 然 后 ， 增 加 MigrateShoppingCart 方法 。 代 人 码 如 下 : 
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private void MigrateShoppingCart( string UserName ) 
| 
// 指定 登录 用 户 的 购物 车 编号 
var cart = ShoppingCart. GetCart( this. HttpContext ) ; 
cart. MigrateCart( UserName ) ; 
Session| ShoppingCart. CartSessionKey | = UserName ; 
j 
然后 ， 修 改 LonOn 的 Post 处 理 方法 ,在 用 户 通过 验证 之 后 ， 调 用 MigrateShoppingCart 
| HttpPost | 
public ActionResult LogOn( LogOnModel model, string returnUrl ) 
| 
if ( ModelState. IsValid ) 
| 
// 调 用 validateUser PRI E H1 PUER fei S. 
if ( Membership. ValidateUser( model. UserName , model. Password ) ) 
| 


MigrateShoppingCart( model. UserName) ;// 附 加 购物 车 到 该 用 户 
FormsAuthentication. SetAuthCookie( model. UserName, model. RememberMe ) ; 


if ( Url. ISLocalUrl ( returnUrl ) && returnUrl. Length. > 1 && retur- 
nUrl. StartsWith( " /" ) 


&& ! returnUrl. StartsWith( " //" ) && | returnUrl. StartsWith( " /NV' ) ) 
| 


return Redirect( returnUrl ) ; 


return RedirectToAction( " Index" , " Home" ) ; 


else 


ModelState. AddModelError( "" , "The user name or password provided is incor- 


rect. " ) ; 


| 


// M we got this far, something failed, redisplay form 


return View( model) ; 
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在 hegister 的 Post 处 理 方 法 中 ， -日 用 户 成 功 创 建 账户 ， 也 进行 类 似 的 修改 。 代 码 
aW P: 

| HttpPost | 

publie ActionResult Register( RegisterModel model) 


| 
if ( ModelState. IsValid ) 
| 
E SENE 
MembershipCreateStatus createStatus ; 
Membership. CreateUser( model. UserName, model. Password, model. Email, " ques- 
tion" , "answer" , true, null, out createStatus ) ; 
if ( ereateStatus = = MembershipCreateStatus. Success ) 
| 
MigrateShoppingCart( model. UserName) ; /附加 购物 车 到 该 用 户 


FormsAuthentication. SetAuthCookie ( model. UserName, false / * createPersis- 
tentCookie */); 


return RedirectToAction( " Index" , " Home" ) ; 


else 


ModelState. AddModelError( " " , ErrorCodeToString( createStatus ) ) ; 


| 


return View( model) ; 


| 
2. 创建 结账 CheckoutController 控制 器 


在 Controller 文件 夹 上 右键 ， 添 加 一 个 新 的 控制 天 ， 命 名 为 CheckoutController ， 使 用 空 
的 控制 器 模板 ， 如 图 9-67 所 示 。 


控制 高 名 称 (N): 


CheckoutController 


O 为 “创建 ”、 “更 新 ”、“ 删 除 ” 和 “详细 信息 ”方案 添加 操作 方法 (D) 


EDA) BUS (C) 


= 


图 9-67 添加 checkout Tz ilz 


Hc, ÆA ar CIII | Authorize] ， 来 确定 用 户 必须 在 登录 之 后 才能 访问 。 
代码 如 下 : 
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namespace MvcMusicStore. Controllers 
| 
| Authorize | 
publie class CheckoutController : Controller 
注意 : 这 一 步 很 像 前 面 在 StoreManager 控制 器 上 的 工作 ， 但是， 在 那个 时 候 ， 要 求 用 户 
必须 拥有 Administrator 的 角色 。 在 结账 控制 器 中 ,不 需要 用 户 必 须 是 Administrator ， 而 是 必 


出 于 简化 的 考虑 ， 在 这 个 教程 中 没有 处 理 付款 的 信息 ， 作 为 奉 代 ， 人 允许 用 户 输入 一 个 促 
销 人 代码， 这 里 促销 代码 定义 在 常量 PromoCode。 
(RTE StoreController 中 一 样 ， 在 控制 硕 中 ， 也 需要 定义 MusicStoreEntities 的 字段 ， 将 它 
命名 为 storeDB ， 结 账 的 开始 部 分 代码 如 下 : 
using MvcMusicStore. Models; 
namespace MvcMusicStore. Controllers 
| 
| Authorize | 
publie class CheckoutController : Controller 
| 
MusicStoreEntities storeDB = new MusicStoreEntities( ) ; 
const string PromoCode = " FREE" ; 
2H WERT il ede er P IRE BEI a AN 02s : 
AddressAndPayment (Get) 用 来 显示 一 个 用 户 输入 信息 的 表单 
AddressAndPayment (Post) 验证 用 户 的 输入 ， 处 理 订 单 。 
Complete( ) 用 来 在 用 户 完 成 订单 之 后 显示 用 户 的 订单 账号 和 确认 信息 。 
首先 ,将 Index 方法 改名 为 AddressAndPayment, 这 个 Action 方法 用 来 显示 结账 表单 ， 
所 以 ,不 需要 任何 的 模型 信息 ， 代 码 如 下 : 
public ActionResult AddressAndPayment( ) 
| 


return View( ) ; 


| 
AddressAndPayment 的 Post 处 理 方 法 使 用 在 StoreManagerController 中 类 似 的 模式 ， 如 果 


成 功 了 就 完成 订单 ， 如 朱 失 败 了 就 重新 显示 表单 。 在 验证 了 表单 之 后 ， 将 会 二 接 检 查 促 销 代 
码 ， 假 设 所 有 的 信息 都 是 正确 的 ， 将 会 在 订单 中 保存 信息 ， 告 诉 购物 车 对 象 完成 订单 处 理 ， 
最 后 重 定 回 到 完成 的 Complete Action 方法 ， 代码 如 下 : 

| HttpPost | 

public ActionResult AddressAndPayment( FormCollection values) 


| 


var order = new Order( ) ; 


TryUpdateModel( order ) ; 
try 
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if (string. Equals( values| " PromoCode" | , PromoCode, 


StringComparison. OrdinallgnoreCase) = = false )// 如 果 促 销 代 人 码 不 一 人 致 ,返回 当 
前 订单 


return View( order) ; 


else 


order. Username = User. Identity. Name; /赋值 当前 订单 的 属性 
order. OrderDate = DateTime. Now; 

/添加 订单 记录 到 数据 库 并 保存 更 新 

storeDB. Orders. Add( order) ; 

storeDB. SaveChanges( ) ; 

// 获 取 当 前 用 户 的 购物 车 

var cart = ShoppingCart. GetCart( this. HttpContext ) ; 

cart. CreateOrder( order) ;// 给 当前 购物 车 生成 订单 详情 

return RedirectToAction( " Complete" ,// 重 定 问 到 complete action 
new | id = order. Orderld | ) ; 


| 


catch 
| 
// Invalid - redisplay with errors 


return View( order) ; 


| 

一 旦 完成 了 结账 处 理 ， 用 户 将 被 重 定向 到 Complete 方法 , 这 个 Action 方法 将 会 进行 简 
早 的 检查 ， 在 显示 订单 写 之 前 ， 检 查 订单 是 否 属于 当前 登录 的 用 户 。 代 码 如 下 : 

publie ActionResult Complete( int id) 


| 


// Validate customer owns this order 
bool isValid = storeDB. Orders. Any( 
o= > o. Orderld = 2 id && 

o. Username = = User. Identity. Name) ; 
if ( isValid) 

| 


return View( id) ; 
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else 


return View( " Error" ) ; 


|j 
3. 增加 AddressAndPayment 视图 


现在 ， 创 建 AddressAndPayment 视图 ， 在 AddressAndPayment 控制 硕 的 某 个 Action 中 
单 击 鼠标 的 丰 键 ， 增 加 名 为 AddressAndPayment 的 强 类 型 Order 视图 ， 使 用 编辑 模板 ， 如 
图 9-68 所 示 。 


视图 名 称 (N): 
AddressAndPayment 


视图 引擎 (E): 


Razor (CSHTML) Y 


创建 强 类 型 视图 (S) 
模型 类 (M): 
Order (MvcMusicStore.Models) 


支架 模板 (E): 


stax 


O 创建 为 分 部 视图 (C) 
使 用 布局 或 母 版 页 (U): 


{如 果 在 Razor _viewstart 文件 中 设置 了 此 选项 ， WES) 
ContentPlaceHolder ID(H): 


MainContent 


图 9-68 ”添加 AddressAndPayment 视图 


打开 addressandpayment. cshtml 文件 ， 先 使 用 Html. EditorForModel( ) 方法 允许 用 户 目 定 
义 视 图 ， 然 后 ， 增 加 额外 的 输入 框 用 来 输入 促销 码 ， 代 码 如 下 : 

@ model MvcMusicStore. Models. Order 

@ | 
ViewBag. Title =" Address And Payment" ; 

j 

< script src =" (9 Url. Content ( " ~/Scripts/ jquery. validate. min. js" )" type =" text/javas- 
cript" > «script > 

< script sre =" @ Url. Content( " ~/Scripts/ jquery. validate. unobtrusive. min. js" )" type =" 
text/javascript" > «/script > 

(2 using ( Html. BeginForm( ) ) 
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«h2» 
Address And Payment < /h2 > 
« fieldset > 
« legend » Shipping Information « /legend » 
(0 Html. EditorForModel( ) 
< /fieldset > 
<fieldset > 
< legend > Payment < /legend > 
<p> 
We're running a promotion; all music is free with the promo code; "FREE" </p> 
< div class = " editor-label" > 
@ Html. Label( " Promo Code" ) 
< /div > 
< div class = " editor-field" > 
(0 Html. TextBox ( " PromoCode" ) 
< /div > 
< /fieldset > 
< input type = " submit" value = " Submit Order" / > 
| 
4. 增加 完成 结账 视图 
完成 结账 的 视图 非 沼 价 单 ， 仅 仅 需 要 显示 订单 的 编号， 在 控制 帮 中 的 Complete 方法 上 
单 击 右键 ， 增 加 名 为 Complete 的 强 类 型 int 视图 ， 如 图 9-69 所 示 。 


视图 各 称 (N): 
Complete 
视图 引擎 (日 :; 


Razor (CSHTMD) Y 


创建 强 尖 型 视图 (S) 
模型 类 (M): 
int 
支架 模板 () 


Empty 


O 创建 为 分 部 视图 (Q) 
使 用 布局 或 母 版 页 (U): 


(如 果 在 Razor _viewstart 文件 中 设置 了 此 选项 , WES) 
ContentPlaceHolder ID(H): 


MainContent 


图 9-69 ”添加 Complete 视图 
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打开 ， 修 改 视图 显示 订单 的 编号 。 代 码 如 下 : 
(2 model int 
Q | 
ViewBag. Title = " Checkout Complete" ; 
| 
«h2» 
Checkout Complete « /h2 » 
«p» 
Thanks for your order! Your order number is: @ Model </p > 
«p» 
How about shopping for some more music in our (9 Html. ActionLink( " store" , " Index" , 
" Home" ) 
</p> 
5. 更 新 错误 视图 
项 目的 默认 模板 中 ， 包 含 了 定义 在 /Shared Views 文件 夹 中 的 错误 页 面 ， 可 以 在 整个 站 
点 中 使 用 。 这 个 页 面 仅 仅 包 含 简 单 的 信息 ， 也 没有 使 用 目 己 的 布局 ， 应 更 新 一 下 。 
由 于 这 是 通用 的 错误 页 面 ， 内 容 非 党 简单， 仅仅 包含 一 个 提示 信息 和 用 来 重 做 工作 的 导 
航 到 上 一 个 页 面 的 链接 。 代 人 码 如 下 : 
@ | ViewBag. Title =" Error" ; | 
«h2» 
Error « /h2 > 
«p» 


We're sorry, we've hit an unexpected error. «a href =" javascript : history. go( — 1)" » Click 
here </a > if you'd like to go back and try that again. 


9.3.15 站 点 布局 设计 及 导航 


这 里 已 经 完成 了 网 站 的 大 部 分 工作 , 但 是 ， 还 有 一 些 添加 到 站 点 的 导航 功能 、 主 页 ， 以 
及 商店 的 浏览 页 面 。 

1. 创建 购物 车 汇总 部 分 视图 

如 采 和 希望 在 整个 站 点 的 页 面 上 都 可 以 看 到 购物 车 中 的 数量 ,可 通过 创建 一 个 部 分 视图 ， 
然后 添加 到 网 站 的 布局 中 ， 就 可 以 容易 地 完成 。 

在 ShoppingCart 控制 希 中 已 经 设计 了 一 个 名 为 CartSummary 的 Action 方法 返回 分 部 视 
图 。 代 码 如 下 : 

| ChildActionOnly | 

publie ActionResult CartSummary ( ) 


| 


var cart = ShoppingCart. GetCart( this. HttpContext ) ; 
ViewData| " CartCount" | = cart. GetCount( ) ; 


return PartialView( " CartSummary" ) ; 
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在 这 个 Action 方法 上 单 击 鼠 标 右键 ， 或 者 在 Views/ShoppingCart 文件 夹 上 单 击 鼠标 右键 ， 
选择 创建 新 视图 : 命名 为 CartSummary , 注意 选中 创建 分 部 视图 的 复 选 框 ， 如 图 9-70 所 示 。 


PS 


视图 名 称 (N): 
CartSummary 


WASSIE): 


Razor (CSHTML) z 


创建 强 尖 型 视图 (S) 
模型 类 (M): 


| 


支架 模板 (BE): 
|Empty 


创建 为 分 部 视图 (QQ 


[v] 使 用 布局 或 母 版 页 (U): 


| 


{ 如 果 在 Razor viewstart 文件 中 设置 了 此 选项 ， 则 留 空 ) 


ContentPlaceHolder ID(H): 


|MainContent 


图 9-70 ”创建 CartSummury 分 部 视图 


打开 cartsummary. cshtml 文件 ， 这 个 分 部 视 岁 非常 简单 ， 仅 仅 链 接 到 ShoppingCart 的 In- 
dex ， 显 示 当 前 购物 车 中 的 数量 ， 完 整 的 代码 如 下 : 

@ Html. ActionLink(" Cart ("”+ViewDatal " CartCount" | +" )" , "Index" , "ShoppingCart" , 

new | id 2 "cart-status" |) 

在 网 站 的 任何 页 面 中 都 可 以 包含 分 部 视图 ， 使 用 Html. RenderAction 方法 就 可 以 。Ren- 
derAction 需要 指定 Action 的 名 字 ， 这 里 是 CartSummary， 以 及 控制 天 的 名 字 ， 这 里 是 Shop- 
pingCart， 指 定 方法 如 下 : 

@ Html. RenderAction( " CartSummary" , " ShoppingCart" ) 

2. 创建 流派 菜单 的 分 部 视图 

通过 在 页 面 上 增加 一 个 流派 的 采 单 ， 可 以 使 用 户 在 站 点 内 导航 的 时 候 更 加 容易 ， 如 
图 9-71 所 示 。 


Genre: Jazz 
Artist: Aisha Duo 
Price: 8.99 


Add to cart 


图 9-71 增加 流派 显示 菜单 
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使 用 类 似 前 面 的 步骤 来 创建 流派 荣 单 的 分 部 视图 首先， 在 StoreController 中 增加 Gen- 
reMenu 的 控制 益 方 法 ， 并 设置 为 childactionOnly， 代 人 码 如 下 : 

| ChildActionOnly | 

publie ActionResult GenreMenu( ) 


| 


var genres = storeDB. Genres. ToList( ) ; 
return PartialView( genres) ; // 使 用 指定 的 模型 创建 一 个 实现 分 部 视图 的 对 象 
| 
注意 : 在 Action 方法 上 增加 了 | ChildActionOnly ] 标注 ， 这 意味 着 仅仅 可 以 通过 分 部 视 
图 来 访问 这 个 Action, 3X T VA Er ab 38 33: 3] À, /Store/ GenreMenu 来 访问 ， 对 于 分 部 视图 来 说 ， 
这 不 是 必须 的 ， 但 是 一 个 很 好 的 实践 ， 控 制 器 方法 被 以 布 望 的 方式 使 用 ， 这 里 使 用 partial- 
view() 返回 了 一 个 分 部 视图 而 不 是 一 个 普通 的 视图 ， 这 用 来 告诉 视图 引擎， 不 需要 对 这 个 
视图 使 用 布局 ， 它 将 会 被 包含 在 其 他 的 视图 中 。 
创建 分 部 视图 ， 使 用 强 类 型 的 Genre 作为 模型 类 型 。 使 用 List 模板 ， 如 图 9-72 所 示 。 


视图 名称 (N): 
GenreMenu 
视图 引擎 (E): 


Razor (CSHTML) Y 


创建 强 类 型 视图 (S) 
模型 类 (M): 
Genre (MvcMusicStore.Models) 


支架 模板 (日 : 


tcm 


创建 为 分 部 视图 (C) 


USE Razor viewstart 文件 中 设置 了 此 选项 ， 则 贸 空 ) 
ContentPlaceHolder ID(H): 


MainContent 


图 9-72 创建 显示 流派 菜单 的 分 部 视图 


更 新 生成 的 视图 ， 显 示 一 个 列表 。 代 码 如 下 : 


(2 model IEnumerable < MvcMusicStore. Models. Genre > 


<ul id = " categories" > 
(2 foreach ( var genre in Model) 
| «li» 9 Html. ActionLink( genre. Name, 


" Browse" , "Store" , 
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new | Genre = genre. Name | , null) 
«/h» 
j 
</ul> 
3. 更 新 站 点 的 布局 显示 分 部 视图 
现在 ， 可 以 在 布局 中 加 入 分 部 视图 了 ,在 /Views/ Shared/ _Layout. cshtml 中 通过 调用 
Html. RenaderAction( ) 方法 可 以 调用 分 部 视图 ， 把 两 个 分 部 视图 都 加 入 到 布局 中 ， 代 码 


如 下 : 
< ! DOCTYPE html > 
< html > 
< head > 
< title > (9 ViewBag. Title < /title > 
«link href 2" (? Url. Content (" —/ Content/Site. css" )" rel 2"stylesheet" type —"text/css" / > 
< script src 2 " € Url. Content(" ~ /Scripts/jquery-1. 4. 4. min. js" )" type = " text/javas- 
cript" > «script > 
« / head » 
« body » 
< div id = " header" > 
«hl » 
<a href 2 "/" > ASP. NET MVC MUSIC STORE </a> «/hl > 
<ul id =" navlist" > 
< li class = " first" > «a href = " Q Url. Content( " ~")" id =" current" > 
Home </a > </li> 
«li > <a href =" 9 Url. Content(" ~/Store/" )" > Store </a > «/li» 
<li> 
@ | Html. RenderAction( " CartSummary" , " ShoppingCart" ) ; | 
«/h» 
«li > «a href =" €? Url. Content(" —/StoreManager/" )" > Admin </a > «/li > 
</ul> 
</div > 
@ | Html. RenderAction( " GenreMenu" , "Store" ) ; | 
< div id =" main" > 
(0 RenderBody ( ) 
« /div > 
< div id = "footer" > 
built with <a href = " http://asp. net/mvc" > ASP. NET MVC 3 </a> 
</div > 
« / body > 


« / html > 


第 9 章 ”电子 商 务 购物 网 站 系统 231 


4. 更 新 Store 的 Browse 页 面 
更 新 store 控制 各 的 browse 这 个 页 面 在 一 个 更 好 地 布局 中 显示 专辑 ， 代 码 如 下 : 
@ model MveMusicStore. Models. Genre 
@ | ViewBag. Title = " Browse Albums" ; | 
< div class = " genre" > 
«h3 > 
< em > @ Model. Name «/em > Albums «/h3 > 


<ul id = " album-list" > 
(2 foreach ( var album in Model. Albums) 
| «li» «a href =" 9 Url. Action( " Details" , new | id 2 album. Albumld | )" > 
<img alt = " € album. Title" src =" @ album. AlbumArtUrl" / > 
< span > @ album. Title </span> </a> </li> | 
</ul> 
</div > 
这 里 ， 将 使 用 Url. Action 来 代替 Html. ActionLink , 以 便 显示 格式 化 信 , H, 包括 艺术 家 的 插 
画 。 现 在 ， 当 浏览 流派 的 时 候 ， 将 会 看 到 市 有 封面 的 专辑 显示 在 一 个 网 格 中 。 如 图 9-73 所 示 。 
注意 : 显示 专辑 的 封面 时 ， 这 些 信息 保存 在 数据 中 ， 可 以 通过 StoreManager 进行 编辑 ， 
也 欢迎 加 入 插图 。 


Home Store Cart(0) Admin 
ASP.NET MVC MUSIC STORE 


Jazz Albums 


图 9-73 ”浏览 流派 内 的 专辑 


5. 更 新 主页 来 显示 畅销 专辑 

布 望 在 首页 上 增加 畅销 专辑 来 增进 销售 ， 这 可 以 在 HomeController 中 增加 一 个 getToSel- 
lingAlbum action 来 实现 ， 然 后 增加 一 些 额 外 的 图 片 来 使 页 面 变 得 更 好 看 。 

自 完 ,在 专辑 类 中 增加 一 个 导航 属性 orderDetails， 代 人 码 如 下 : 


public virtual Genre Genre | get; set; | 


publie virtual Artist Artist | get; set; | 
publie virtual List < OrderDetail > OrderDetails | get; set; | 
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然后 在 HomeController 中 增加 下 面 的 方法 ， 来 查询 数据 库 根据 OrderDetails 找到 畅销 的 
唱片 ， 代 人 码 如 下 : 
private List < Album > GetTopSellingAlbums( int count) 
| 
// 获取 指定 数量 的 畅销 唱片 名 单 
return storeDB. Albums 
. OrderByDescending( a = > a. OrderDetails. Count( ) ) 
. Take( count ) 
. ToList( ) ; 
| 
然后 ， 更 新 Index action 来 访问 前 面 定义 的 方法 ， 查 询 销 售 前 5 名 的 专辑 ， 然 后 将 它们 
传递 到 视图 中 。 代 码 如 下 : 
publie ActionResult Index( ) 


| 


// Get most popular albums 
var albums = GetTopSellingAlbums (5) ; 
return View( albums) ; 
| 
最 后 ， 更 新 Home 控制 项 的 Index 和 视图， 访问 模 型 在 后 面 加 入 专辑 的 列表 ， 还 要 增加 一 
个 标 头 和 一 个 促销 的 节 ， 人 代码 如 下 : 
(2 model List < MvcMusicStore. Models. Album > 
@ | 
ViewBag. Title =" ASP. NET MVC Music Store" ; 


< div id = " promotion" > 
</div > 
< h3 > 
< em > Fresh «/em > off the grill «/h3 > 
« ul id = " album-list" > 
(2 foreach ( var album in Model) 
| «li» «a href =" 9 Url. Action( " Details" , "Store" , 
new | id 2 album. Albumld | )" > 
< img alt = " @ album. Title" src =" @ album. AlbumArtUrl" / > 
< span > Q album. Title </span > </a> </li> 
| 
</ul> 
现在 ， 当 运行 程序 的 时 候 ， 将 会 看 到 更 新 后 的 主页 ， 刘 有 畅销 的 专辑 和 促销 信息 ， 
如 图 9-74 所 示 。 


a 
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ASP.NET MVC MUSIC STORE 
Rock Jazz Albums 
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Metal 


Alternative 
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Moming Dance Warmer 25 Anos Miles Ahead 


图 9-74 更 新 后 的 主页 


参考 文员 


赵 会 东 . ASP. NET 开发 宝典 [M]. 北京 : 机 械 工 业 出 版 社 ，2012. 

PEW. 零 基础 尝 ASP. NET [M]. 2 版 . 北京 : 机 械 工业 出 版 社 ，2012. 

ER, MEXR. ASP. NET 动态 网 页 设计 [M]. 北京 : 机 械 工 业 出 版 社 ，2011. 
ZETÉ.ASP.NET (C#) 动态 网 站 开发 案例 教程 [M]. 北京 : 机 械 工 业 出 版 社 ，2013. 
青 ， 等 ASP. NET 开发 技术 大 全 [M]. 北京 : 清华 大 学 出 版 社 ，2009. 


[1] 
[2] 
[3] 5 
E 
[5] 
L6] 
] 
] 


靖 


X 

AHR, SRE, 4. ASP. NET 典型 模块 与 项 目 实战 大 全 [M]. 北京 : 清华 大 学 出 版 社 ，2012. 
张 正 礼 . ASP. NET 4.0 从 入 门 到 精通 [M]. 北京 : 清华 大 学 出 版 社 ，2011. 

加 洛 伟 . ASP. NET MVC 3 高 级 编程 [M]. 北京 : 清华 大 学 出 版 社 ，2012. 


[7 
[8 


ASP.NET DONGTAI VVANGZHAN 


地 址 :北京 市 百 万 庄 大 街 22 号 ISBN 978-7-111-46863-9 


邮政 编码 :100037 
电话 服务 
社 服 务 中 心 : 010-88361066 

91787111 


销售 一 部 : 010-68326294 
销售 二 部 :010-88379649 
读者 购书 热线 : 010-88379203 


网 络 服务 | 上 架 指导 :工业 技术 / 计算 机 技术 /网 页 制作 


教材 网 : http:// i du. 
MAIER. He | ISBN 978-7-111-46863-9 4686391» 


| RRRS F 定价 : 49.0077 


